Android mengubah warna Tombol Aksi Mengambang

Saya telah mencoba untuk mengubah warna Floating Action Button dari Material, tetapi tidak berhasil.

<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" />

Saya sudah mencoba menambahkan:

android:background="@color/mycolor"

atau melalui kode:

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

atau

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

Tapi tidak satu pun di atas yang berfungsi. Saya juga telah mencoba solusi dalam pertanyaan duplikat yang diusulkan, tetapi tidak satupun yang berfungsi; tombol tetap hijau dan juga menjadi kotak.

PS Akan menyenangkan juga untuk tahu cara menambahkan efek riak, tidak bisa mengerti itu juga.

Seperti dijelaskan dalam dokumentasi , secara default dibutuhkan warna set di styles.xml atribut colorAccent .

Warna latar belakang tampilan ini default ke colorAccent tema Anda. Jika Anda ingin mengubah ini pada saat runtime maka Anda dapat melakukannya melalui setBackgroundTintList (ColorStateList).

Jika Anda ingin mengubah warna

• dalam XML dengan aplikasi atribut : 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" >

• dalam kode dengan .setBackgroundTintList (jawaban di bawah ini oleh ywwynm )

Seperti @Dantalian disebutkan dalam komentar, jika Anda ingin mengubah warna ikon untuk Design Support Library hingga v22 (inklusif) , Anda dapat menggunakan

android:tint="@color/white"     

Untuk Pustaka Dukungan Desain sejak v23 untuk Anda dapat menggunakan:

app:tint="@color/white"   

Juga dengan androidXperpustakaan Anda perlu menetapkan batas 0dp di tata letak xml Anda:

<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" />

Jawaban Vijet Badigannavar benar tetapi menggunakan ColorStateListbiasanya rumit dan dia tidak memberi tahu kami bagaimana melakukannya. Karena kita sering fokus pada perubahan Viewwarna dalam keadaan normal dan ditekan, saya akan menambahkan lebih banyak detail:

1. Jika Anda ingin mengubah FABwarna dalam keadaan normal, Anda cukup menulis

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

2. Jika Anda ingin mengubah FABwarna dalam keadaan tertekan, terima kasih untuk Perpustakaan Dukungan Desain 22.2.1 , Anda cukup menulis

   mFab.setRippleColor(your color in int);

   Dengan mengatur atribut ini, ketika Anda menekan tombolnya FAB, sebuah riak dengan warna Anda akan muncul pada titik sentuh Anda dan terbuka ke seluruh permukaan FAB. Harap perhatikan bahwa itu tidak akan berubah FABwarna dalam kondisi normal. Di bawah API 21 (Lollipop), tidak ada efek riak tetapi FABwarna masih akan berubah saat Anda menekannya.

Akhirnya, jika Anda ingin menerapkan efek yang lebih kompleks untuk status, maka Anda harus menggali lebih dalam ColorStateList, berikut adalah pertanyaan SO yang membahasnya: Bagaimana cara membuat ColorStateList secara terprogram? .

UPDATE: Terima kasih atas komentar @ Kaitlyn. Untuk menghapus goresan FAB menggunakan backgroundTint sebagai warnanya, Anda dapat mengatur app:borderWidth="0dp"dalam xml Anda.

Seperti yang dicatat Vasil Valchev dalam komentar, ini lebih sederhana daripada yang terlihat, tetapi ada perbedaan halus yang tidak saya perhatikan dalam XML saya.

<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"/>

Perhatikan itu:

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

dan tidak

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

jika Anda mencoba mengubah warna FAB dengan menggunakan aplikasi, ada beberapa masalah. bingkai tombol memiliki warna yang berbeda, jadi apa yang harus Anda lakukan:

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

dan dalam kode mengatur warna:

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

gunakan saja,

app:backgroundTint="@color/colorPrimary"

jangan gunakan,

android:backgroundTint="@color/colorPrimary"

FAB diwarnai berdasarkan pada Anda 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)));

Solusi lain mungkin berhasil. Ini adalah pendekatan gorila 10 pon yang memiliki keuntungan diterapkan secara luas dalam kasus ini dan yang serupa:

Styles.xml:

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

tata letak Anda xml:

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

Dokumen menyarankan agar dibutuhkan warna @ aksen / aksen. Tapi kita bisa menimpanya dengan menggunakan kode

fab.setBackgroundTintList(ColorStateList)

Ingat juga,

Versi API minimum untuk menggunakan perpustakaan ini adalah 15 sehingga Anda perlu memperbaruinya! jika Anda tidak ingin melakukannya maka Anda perlu menentukan drawable kustom dan menghiasinya!

Mengubah warna latar belakang tombol Aksi mengambang dengan menggunakan garis di bawah ini

app:backgroundTint="@color/blue"

Mengubah warna ikon tombol Aksi mengambang

android:tint="@color/white"     

Berkat pelengkapan otomatis. Saya beruntung setelah beberapa pukulan dan percobaan:

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

- atau - (keduanya pada dasarnya adalah hal yang sama)

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

Ini bekerja untuk saya di API Versi 17 dengan perpustakaan desain 23.1.0.

Saya mendapat masalah yang sama dan semuanya menjambak rambut saya. Terima kasih untuk ini https://stackoverflow.com/a/35697105/5228412

Apa yang bisa kita lakukan ..

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

berfungsi dengan baik untuk saya dan berharap untuk orang lain yang akan mencapai di sini.

 <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"/>

Perhatikan bahwa Anda menambahkan warna dalam res / values ​​/ color.xml dan sertakan atribut dalam fab Anda

   app:backgroundTint="@color/addedColor"

Dengan Tema Material dan komponen material FloatingActionButton secara default dibutuhkan warna yang ditetapkan dalam styles.xmlatribut colorSecondary.

• Anda dapat menggunakan app:backgroundTintatribut dalam xml:

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

• Kamu bisa menggunakan fab.setBackgroundTintList();

• Anda dapat menyesuaikan gaya Anda menggunakan <item name="backgroundTint">atribut

  <!--<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>

• mulai dari versi 1.1.0 komponen material Anda dapat menggunakan materialThemeOverlayatribut baru untuk mengganti warna default hanya untuk beberapa komponen:

  <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>

Pemetaan atribut tema baru untuk Tombol Aksi Terapung dalam materi 1.1.0

Dalam tema aplikasi Anda:

• Set colorSecondary untuk mengatur warna untuk latar belakang FAB (maps to backgroundTint)
• Atur colorOnSecondary untuk mengatur warna untuk ikon / teks dan warna riak FAB (peta ke warna dan 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>

Saat menggunakan Pengikatan Data, Anda dapat melakukan sesuatu seperti ini:

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

Saya telah membuat sangat sederhana contoh

saya melakukannya seperti android ini: background = "@ color / colorAccent" saya hanya pergi ke folder res kemudian klik pada nilai folder dan kemudian pada colors.xml dalam colors.xml Saya hanya mengubah warna colorAccent dan menyebutnya di android: background dan itu dilakukan

Poin yang kami lewatkan adalah sebelum Anda mengatur warna pada tombol, penting untuk bekerja pada nilai yang Anda inginkan untuk warna ini. Jadi Anda bisa pergi ke nilai> warna. Anda akan menemukan yang default, tetapi Anda juga dapat membuat warna dengan memotong dan menempelkannya, mengubah warna dan nama. Lalu ... ketika Anda pergi untuk mengubah warna tombol mengambang (di activity_main), Anda dapat memilih yang Anda buat

Contoh - kode pada nilai> warna dengan warna default + 3 warna lainnya yang telah saya buat:

<?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>

Sekarang Tombol Aksi Terapung saya dengan warna yang saya buat dan beri nama "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"/>

Ini berhasil untuk saya. Semoga berhasil!

Jika Anda memiliki Tombol Aksi Terapung tanpa gambar, Anda dapat mengubah warna secara terprogram menggunakan:

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

tambahkan warna dalam file color.xml dan kemudian tambahkan baris kode ini ... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

Anda dapat menggunakan kode ini jika Anda ingin mengubah warna secara terprogram

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

menggunakan

app: backgroundTint = "@ color / orange" di

<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>

untuk desain Material, saya baru saja mengubah warna tombol aksi mengambang seperti ini, Tambahkan dua baris di bawah ini dalam tombol aksi Mengambang Anda xml. Dan dilakukan,

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

di Kotlin:

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