Android zmienia kolor pływającego przycisku akcji

Próbowałem zmienić kolor pływającego przycisku materiału, ale bez powodzenia.

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

Próbowałem dodać:

android:background="@color/mycolor"

lub za pomocą kodu:

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

lub

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

Ale żadne z powyższych nie zadziałało. Próbowałem również rozwiązań w proponowanym duplikacie pytania, ale żadne z nich nie działa; przycisk pozostał zielony, a także stał się kwadratem.

PS Byłoby również miło wiedzieć, jak dodać efekt tętnienia, też tego nie rozumiem.

Jak opisano w dokumentacji , domyślnie przyjmuje zestaw kolorów w styles.xml atrybutu colorAccent .

Domyślnie kolor tła tego widoku odpowiada kolorowi motywu. Jeśli chcesz to zmienić w środowisku wykonawczym, możesz to zrobić za pośrednictwem setBackgroundTintList (ColorStateList).

Jeśli chcesz zmienić kolor

• w XML z atrybutem app: 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" >

• w kodzie z .setBackgroundTintList (odpowiedź poniżej autorstwa ywwynm )

Jak wspomniano w komentarzach @Dantalian, jeśli chcesz zmienić kolor ikony w Bibliotece wsparcia projektowania do wersji 22 (włącznie) , możesz użyć

android:tint="@color/white"     

W przypadku biblioteki wsparcia projektowania od wersji 23 można użyć:

app:tint="@color/white"   

Również w androidXbibliotekach musisz ustawić granicę 0dp w swoim układzie xml:

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

Odpowiedź Vijet Badigannavara jest poprawna, ale korzystanie z niej ColorStateListjest zwykle skomplikowane i nie powiedział nam, jak to zrobić. Ponieważ często skupiamy się na zmianie Viewkoloru w stanie normalnym i wciśniętym, dodam więcej szczegółów:

1. Jeśli chcesz zmienić FABkolor w normalnym stanie, możesz po prostu pisać

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

2. Jeśli chcesz zmienić FABkolor w stanie wciśniętym, dzięki Design Support Library 22.2.1 możesz po prostu pisać

   mFab.setRippleColor(your color in int);

   Po ustawieniu tego atrybutu, po naciśnięciu i przytrzymaniu FAB, zmarszczka z kolorem pojawi się w punkcie styku i ujawni się na całej powierzchni FAB. Zauważ, że nie zmieni FABkoloru w normalnym stanie. Poniżej API 21 (Lollipop) nie ma efektu tętnienia, ale FABkolor nadal się zmienia po naciśnięciu.

Wreszcie, jeśli chcesz zaimplementować bardziej złożony efekt dla stanów, powinieneś głęboko zagłębić się ColorStateList, oto pytanie SO omawiające to: Jak programowo utworzyć ColorStateList? .

AKTUALIZACJA: Dzięki za komentarz @ Kaitlyn. Aby usunąć obrys FAB przy użyciu backgroundTint jako jego koloru, możesz ustawić app:borderWidth="0dp"w swoim pliku xml.

Jak zauważył Vasil Valchev w komentarzu, jest to prostsze niż się wydaje, ale istnieje subtelna różnica, której nie zauważyłem w moim pliku XML.

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

Zauważ, że to:

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

i nie

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

jeśli spróbujesz zmienić kolor FAB za pomocą aplikacji, wystąpi jakiś problem. ramka przycisku ma inny kolor, więc co musisz zrobić:

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

i w kodzie ustaw kolor:

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

po prostu użyj,

app:backgroundTint="@color/colorPrimary"

nie używaj,

android:backgroundTint="@color/colorPrimary"

FAB jest pokolorowany na podstawie twojego 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)));

Inne rozwiązania mogą działać. To 10-funtowe podejście goryla ma tę zaletę, że ma szerokie zastosowanie w tym i podobnych przypadkach:

Styles.xml:

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

twój układ xml:

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

Dokument sugeruje, że domyślnie przyjmuje @ kolor / akcent. Ale możemy zastąpić to kodem za pomocą

fab.setBackgroundTintList(ColorStateList)

Pamiętaj też

Minimalna wersja interfejsu API do korzystania z tej biblioteki to 15, więc musisz ją zaktualizować! jeśli nie chcesz tego zrobić, musisz zdefiniować niestandardową rysownię i ozdobić ją!

Zmiana koloru tła pływającego przycisku akcji za pomocą poniżej linii

app:backgroundTint="@color/blue"

Zmiana koloru ikony pływającego przycisku akcji

android:tint="@color/white"     

Dzięki autouzupełnianiu. Miałem szczęście po kilku trafieniach i próbach:

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

- lub - (oba są w zasadzie to samo)

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

To zadziałało dla mnie w wersji API 17 z biblioteką projektową 23.1.0.

Mam ten sam problem i wszystko porywa mi włosy. Dzięki za to https://stackoverflow.com/a/35697105/5228412

Co możemy zrobić..

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

działa dobrze dla mnie i życzę innym, którzy tu dotrą.

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

Pamiętaj, że dodajesz kolory w res / wartości / color.xml i dołączasz atrybut do swojej fabryki

   app:backgroundTint="@color/addedColor"

W przypadku motywu materiału i komponentów materiału FloatingActionButton domyślnie przyjmuje on zestaw kolorów w styles.xmlatrybucie colorSecondary.

• Możesz użyć app:backgroundTintatrybutu w xml:

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

• Możesz użyć fab.setBackgroundTintList();

• Możesz dostosować swój styl za pomocą <item name="backgroundTint">atrybutu

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

• Począwszy od wersji 1.1.0 komponentów materiałowych, można użyć nowego materialThemeOverlayatrybutu, aby zastąpić domyślne kolory tylko dla niektórych komponentów:

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

Nowe mapowanie atrybutów motywu dla przycisku akcji swobodnej w materiale 1.1.0

W motywie aplikacji:

• Ustaw colorSecondary, aby ustawić kolor tła FAB (odwzorowanie na backgroundTint)
• Ustaw colorOnSecondary, aby ustawić kolor ikony / tekstu i pomarszczenia FAB (odwzorowanie na odcień i marszczyć kolor)

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

Korzystając z powiązania danych , możesz zrobić coś takiego:

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

Zrobiłem bardzo prosty przykład

Zrobiłem to tak: Android: background = "@ color / colorAccent" Idę do folderu res, następnie klikam na wartości folderu, a następnie na colors.xml w colors.xml Po prostu zmieniam kolor colorAccent i nazywam to w Androidzie: tło i gotowe

Chodzi nam o to, że zanim ustawisz kolor na przycisku, ważne jest, aby pracować nad wartością, którą chcesz dla tego koloru. Możesz więc przejść do wartości> kolor. Znajdziesz domyślne, ale możesz również tworzyć kolory, kopiując je i wklejając, zmieniając kolory i nazwy. Następnie ... kiedy zmienisz kolor pływającego przycisku (w activity_main), możesz wybrać ten, który stworzyłeś

Przykład - kod wartości> kolory z domyślnymi kolorami + 3 kolejne kolory, które utworzyłem:

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

Teraz mój Floating Action Button z kolorem, który stworzyłem i nazłem „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"/>

To zadziałało dla mnie. Powodzenia!

Jeśli masz pływający przycisk akcji bez rysowania, możesz zmienić odcień programowo, używając:

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

dodaj kolory w pliku color.xml, a następnie dodaj ten wiersz kodu ... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

Możesz użyć tego kodu, jeśli chcesz programowo zmienić kolor

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

posługiwać się

app: backgroundTint = "@ color / orange" w

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

w przypadku projektowania materiałów właśnie zmieniłem kolor pływającego przycisku akcji w ten sposób. Dodaj dwa poniższe wiersze w swoim pływającym przycisku działania xml. I zrobione,

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

w Kotlinie:

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