Android thay đổi màu nút hành động nổi

Tôi đã cố gắng thay đổi màu Nút hành động nổi của Vật liệu, nhưng không thành công.

<android.support.design.widget.FloatingActionButton
    android:id="@+id/profile_edit_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_mode_edit_white_24dp" />

Tôi đã cố gắng thêm:

android:background="@color/mycolor"

hoặc thông qua mã:

FloatingActionButton fab = (FloatingActionButton) rootView.findViewById(R.id.profile_edit_fab);
fab.setBackgroundColor(Color.parseColor("#mycolor"));

hoặc là

fab.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#mycolor")));

Nhưng không ai trong số trên làm việc. Tôi cũng đã thử các giải pháp trong câu hỏi trùng lặp được đề xuất, nhưng không có giải pháp nào trong số đó hoạt động; nút vẫn xanh và cũng trở thành một hình vuông.

Tái bút: Thật tuyệt khi biết cách thêm hiệu ứng gợn, cũng không thể hiểu điều đó.

Như đã mô tả trong tài liệu hướng dẫn , theo mặc định nó sẽ đưa các thiết lập màu sắc trong styles.xml thuộc tính colorAccent .

Màu nền của chế độ xem này mặc định cho colorAccent của chủ đề của bạn. Nếu bạn muốn thay đổi điều này trong thời gian chạy thì bạn có thể thực hiện thông qua setBackgroundTintList (ColorStateList).

Nếu bạn muốn thay đổi màu sắc

• trong XML với ứng dụng thuộc tính : backgroundTint

<android.support.design.widget.FloatingActionButton
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    app:backgroundTint="@color/orange"
    app:borderWidth="0dp"
    app:elevation="6dp"
    app:fabSize="normal" >

• trong mã với .setBackgroundTintList (câu trả lời dưới đây của ywwynm )

Như @Dantalian đã đề cập trong các nhận xét, nếu bạn muốn thay đổi màu biểu tượng cho Thư viện hỗ trợ thiết kế lên đến v22 (đã bao gồm) , bạn có thể sử dụng

android:tint="@color/white"     

Đối với Thư viện hỗ trợ thiết kế kể từ v23 cho bạn có thể sử dụng:

app:tint="@color/white"   

Ngoài ra với androidXcác thư viện, bạn cần đặt đường viền 0dp trong bố cục xml của mình:

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    app:backgroundTint="@color/orange"
    app:borderWidth="0dp"
    app:elevation="6dp"
    app:fabSize="normal" />

Câu trả lời của Vijet Badigannavar là đúng nhưng việc sử dụng ColorStateListthường phức tạp và ông không cho chúng tôi biết cách thực hiện. Vì chúng ta thường tập trung vào việc thay đổi Viewmàu sắc ở trạng thái bình thường và bị ép, tôi sẽ thêm chi tiết:

1. Nếu bạn muốn thay đổi FABmàu ở trạng thái bình thường, bạn chỉ cần viết

   mFab.setBackgroundTintList(ColorStateList.valueOf(your color in int));

2. Nếu bạn muốn thay đổi FABmàu ở trạng thái nhấn, cảm ơn Thư viện hỗ trợ thiết kế 22.2.1 , bạn chỉ có thể viết

   mFab.setRippleColor(your color in int);

   Bằng cách đặt thuộc tính này, khi bạn nhấn lâu FAB, một gợn với màu của bạn sẽ xuất hiện tại điểm chạm của bạn và hiển thị ra toàn bộ bề mặt FAB. Xin lưu ý rằng nó sẽ không thay đổi FABmàu sắc ở trạng thái bình thường. Bên dưới API 21 (Lollipop), không có hiệu ứng gợn nhưng FABmàu của nó vẫn sẽ thay đổi khi bạn nhấn nó.

Cuối cùng, nếu bạn muốn triển khai hiệu ứng phức tạp hơn cho các trạng thái, thì bạn nên tìm hiểu sâu ColorStateList, đây là một câu hỏi SO thảo luận về nó: Làm cách nào để tạo ColorStateList theo lập trình? .

CẬP NHẬT: Cảm ơn bình luận của @ Kaitlyn. Để loại bỏ đột quỵ của FAB bằng cách sử dụng màu nền, bạn có thể đặt app:borderWidth="0dp"trong xml của mình.

Như Vasil Valchev đã lưu ý trong một nhận xét, nó đơn giản hơn vẻ ngoài của nó, nhưng có một sự khác biệt tinh tế mà tôi không nhận thấy trong XML của mình.

<android.support.design.widget.FloatingActionButton
    android:id="@+id/profile_edit_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="16dp"
    android:clickable="true"
    android:src="@drawable/ic_mode_edit_white_24dp"
    app:backgroundTint="@android:color/white"/>

Lưu ý rằng:

app:backgroundTint="@android:color/white"

và không

android:backgroundTint="@android:color/white"

Nếu bạn cố gắng thay đổi màu sắc của FAB bằng cách sử dụng ứng dụng, có một số vấn đề. khung của nút có màu khác nhau, vì vậy bạn phải làm gì:

app:backgroundTint="@android:color/transparent"

và trong mã đặt màu:

actionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.white)));

chỉ dùng,

app:backgroundTint="@color/colorPrimary"

không sử dụng,

android:backgroundTint="@color/colorPrimary"

FAB được tô màu dựa trên của bạn colorAccent.

<style name="AppTheme" parent="Base.Theme.AppCompat.Light">
    <item name="colorAccent">@color/accent</item>
</style>

mFab.setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(mContext,R.color.mColor)));

Các giải pháp khác có thể làm việc. Đây là cách tiếp cận khỉ đột 10 pound có lợi thế là được áp dụng rộng rãi trong trường hợp này và các trường hợp tương tự:

Kiểu tệp:

<style name="AppTheme.FloatingAccentButtonOverlay" >
    <item name="colorAccent">@color/colorFloatingActionBarAccent</item>
</style>

bố cục của bạn xml:

<android.support.design.widget.FloatingActionButton
       android:theme="AppTheme.FloatingAccentButtonOverlay"
       ...
 </android.support.design.widget.FloatingActionButton>

Tài liệu gợi ý rằng nó lấy màu @ / dấu theo mặc định. Nhưng chúng ta có thể ghi đè lên mã bằng cách sử dụng

fab.setBackgroundTintList(ColorStateList)

Cũng nhớ,

Phiên bản API tối thiểu để sử dụng thư viện này là 15 vì vậy bạn cần cập nhật nó! Nếu bạn không muốn làm điều đó thì bạn cần xác định một tùy chỉnh có thể vẽ và trang trí nó!

Thay đổi màu nền của nút hành động nổi bằng cách sử dụng dòng bên dưới

app:backgroundTint="@color/blue"

Thay đổi màu biểu tượng nút hành động nổi

android:tint="@color/white"     

Nhờ tự động hoàn thành. Tôi đã gặp may sau một vài lần thử và thử:

    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    card_view:backgroundTint="@color/whicheverColorYouLike"

- hoặc - (cả hai về cơ bản là giống nhau)

    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:backgroundTint="@color/whicheverColorYouLike"

Điều này làm việc cho tôi trên API Phiên bản 17 với thư viện thiết kế 23.1.0.

Tôi có cùng một vấn đề và tất cả đều giật tóc tôi. Cảm ơn vì điều này https://stackoverflow.com/a353697105/5228412

Những gì chúng ta có thể làm ..

 favourite_fab.setImageDrawable(ContextCompat.getDrawable(getBaseContext(), R.drawable.favourite_selected));

nó hoạt động tốt cho tôi và mong muốn cho những người khác sẽ đến đây.

 <android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    app:elevation="6dp"
    app:backgroundTint="@color/colorAccent"
    app:pressedTranslationZ="12dp"
    android:layout_margin="@dimen/fab_margin"
    android:src="@drawable/add"/>

Lưu ý rằng bạn thêm màu trong res / value / color.xml và bao gồm thuộc tính trong fab của bạn

   app:backgroundTint="@color/addedColor"

Với Chủ đề Vật liệu và các thành phần vật liệu FloatingActionButton theo mặc định, nó lấy màu được đặt trong styles.xmlthuộc tính colorSecondary.

• Bạn có thể sử dụng app:backgroundTintthuộc tính trong xml:

<com.google.android.material.floatingactionbutton.FloatingActionButton
       ...
       app:backgroundTint=".."
       app:srcCompat="@drawable/ic_plus_24"/>

• Bạn có thể dùng fab.setBackgroundTintList();

• Bạn có thể tùy chỉnh phong cách của mình bằng cách sử dụng <item name="backgroundTint">thuộc tính

  <!--<item name="floatingActionButtonStyle">@style/Widget.MaterialComponents.FloatingActionButton</item> -->
  <style name="MyFloatingActionButton" parent="@style/Widget.MaterialComponents.FloatingActionButton">
    <item name="backgroundTint">#00f</item>
    <!-- color used by the icon -->
    <item name="tint">@color/...</item>
  </style>

• bắt đầu từ phiên bản 1.1.0 của các thành phần vật liệu, bạn có thể sử dụng materialThemeOverlaythuộc tính mới để ghi đè các màu mặc định chỉ cho một số thành phần:

  <style name="MyFloatingActionButton" parent="@style/Widget.MaterialComponents.FloatingActionButton">
    <item name="materialThemeOverlay">@style/MyFabOverlay</item>
  </style>

  <style name="MyFabOverlay">
    <item name="colorSecondary">@color/custom2</item>
    <!-- color used by the icon -->
    <item name="colorOnSecondary">@color/...</item>
  </style>

Ánh xạ thuộc tính chủ đề mới cho Nút hành động nổi trong tài liệu 1.1.0

Trong chủ đề ứng dụng của bạn:

• Đặt colorSecondary để đặt màu cho nền của FAB (ánh xạ tới nềnTint)
• Đặt colorOnSecondary để đặt màu cho biểu tượng / văn bản và màu gợn của FAB (ánh xạ thành tint và rippleColor)

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- ...whatever else you declare in your app theme.. -->
    <!-- Set colorSecondary to change background of FAB (backgroundTint) -->
    <item name="colorSecondary">@color/colorSecondary</item>
    <!-- Customize colorSecondary to change icon/text of FAB (maps to tint and rippleColor) -->
    <item name="colorOnSecondary">@android:color/white</item>
</style>

Khi sử dụng Data Binding, bạn có thể làm một cái gì đó như thế này:

android:backgroundTint="@{item.selected ? @color/selected : @color/unselected}"

Tôi đã làm một ví dụ rất đơn giản

Tôi đã làm nó giống như android này: background = "@ color / colorAccent" Tôi chỉ cần vào thư mục res sau đó nhấp vào các giá trị thư mục và sau đó vào colors.xml trong colors.xml Tôi chỉ cần thay đổi màu của colorAccent và gọi nó trong android: background và nó đã xong

Điểm chúng tôi thiếu là trước khi bạn đặt màu trên nút, điều quan trọng là phải làm việc với giá trị bạn muốn cho màu này. Vì vậy, bạn có thể đi đến giá trị> màu sắc. Bạn sẽ tìm thấy những cái mặc định, nhưng bạn cũng có thể tạo màu bằng cách ghép và dán chúng, thay đổi màu sắc và tên. Sau đó ... khi bạn đi thay đổi màu của nút nổi (trong Activity_main), bạn có thể chọn cái bạn đã tạo

Ví dụ - mã trên các giá trị> màu với màu mặc định + thêm 3 màu tôi đã tạo:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <color name="corBotaoFoto">#f52411</color>
    <color name="corPar">#8e8f93</color>
    <color name="corImpar">#494848</color>

</resources>

Bây giờ Nút hành động nổi của tôi với màu tôi đã tạo và đặt tên là "corPar":

<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_input_add"
        android:tint="#ffffff"
        app:backgroundTint="@color/corPar"/>

Nó làm việc cho tôi. Chúc may mắn!

Nếu bạn có Nút hành động nổi không có khả năng rút ra, bạn có thể thay đổi tông màu theo chương trình bằng cách sử dụng:

fab.getBackground().mutate().setTint(ContextCompat.getColor(yourContext, R.color.anyColor));

thêm màu trong tệp color.xml và sau đó thêm dòng mã này ... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

Bạn có thể sử dụng mã này trong trường hợp bạn muốn thay đổi màu lập trình

floating.setBackgroundTintList(getResources().getColorStateList(R.color.vermelho));

sử dụng

ứng dụng: backgroundTint = "@ color / cam" trong

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/id_share_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/share"
        app:backgroundTint="@color/orange"
        app:fabSize="mini"
        app:layout_anchorGravity="end|bottom|center" />



</androidx.coordinatorlayout.widget.CoordinatorLayout>

Đối với thiết kế Vật liệu, tôi chỉ thay đổi màu nút hành động nổi như thế này, Thêm hai dòng dưới đây vào nút hành động Nổi xml của bạn. Và thực hiện,

 android:backgroundTint="@color/colorPrimaryDark"
 app:borderWidth="0dp"

trong Kotlin:

val gray = getColor(requireContext(), R.color.green)
binding.fabSubmit.backgroundTintList = ColorStateList.valueOf(gray)