Android ändert die Farbe der schwebenden Aktionstaste

Ich habe versucht, die Farbe der schwebenden Aktionstaste von Material zu ändern, aber ohne Erfolg.

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

Ich habe versucht hinzuzufügen:

android:background="@color/mycolor"

oder per Code:

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

oder

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

Aber keines der oben genannten hat funktioniert. Ich habe auch die Lösungen in der vorgeschlagenen doppelten Frage ausprobiert, aber keine davon funktioniert. Der Knopf blieb grün und wurde auch ein Quadrat.

PS Es wäre auch schön zu wissen, wie man einen Welleneffekt hinzufügt, konnte das auch nicht verstehen.

Wie in der Dokumentation beschrieben , wird standardmäßig die im format.xml- Attribut colorAccent festgelegte Farbe verwendet .

Die Hintergrundfarbe dieser Ansicht ist standardmäßig colorAccent Ihres Themas. Wenn Sie dies zur Laufzeit ändern möchten, können Sie dies über setBackgroundTintList (ColorStateList) tun.

Wenn Sie die Farbe ändern möchten

• in XML mit Attribut 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" >

• im Code mit .setBackgroundTintList (Antwort unten von ywwynm )

Wie @Dantalian in den Kommentaren erwähnt, wenn Sie auf das Symbol Farbe für Design Support - Bibliothek ändern möchten bis zu v22 (einschließlich) , können Sie

android:tint="@color/white"     

Für die Design Support Library seit Version 23 können Sie Folgendes verwenden:

app:tint="@color/white"   

Auch bei androidXBibliotheken müssen Sie in Ihrem XML-Layout einen 0-DP-Rahmen festlegen:

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

Vijet Badigannavars Antwort ist richtig, aber die Verwendung ColorStateListist normalerweise kompliziert und er hat uns nicht gesagt, wie es geht. Da wir uns oft darauf konzentrieren View, die Farbe im normalen und gedrückten Zustand zu ändern , werde ich weitere Details hinzufügen:

1. Wenn Sie die FABFarbe im Normalzustand ändern möchten , können Sie einfach schreiben

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

2. Wenn Sie die FABFarbe im gedrückten Zustand ändern möchten , können Sie dank Design Support Library 22.2.1 einfach schreiben

   mFab.setRippleColor(your color in int);

   Wenn Sie dieses Attribut festlegen, wird beim langen Drücken der FABTaste an Ihrem Berührungspunkt eine Welligkeit mit Ihrer Farbe angezeigt, die sich in der gesamten Oberfläche von zeigt FAB. Bitte beachten Sie, dass sich FABdie Farbe im Normalzustand nicht ändert . Unterhalb von API 21 (Lollipop) gibt es keinen Welleneffekt, aber FABdie Farbe ändert sich immer noch, wenn Sie darauf drücken.

Wenn Sie einen komplexeren Effekt für Status implementieren möchten, sollten Sie sich eingehend mit dieserColorStateList SO-Frage befassen : Wie erstelle ich ColorStateList programmgesteuert? .

UPDATE: Danke für @ Kaitlyns Kommentar. Um den Strich von FAB mit backgroundTint als Farbe zu entfernen, können Sie app:borderWidth="0dp"in Ihrer XML festlegen .

Wie Vasil Valchev in einem Kommentar feststellte, ist es einfacher als es aussieht, aber es gibt einen subtilen Unterschied, den ich in meinem XML nicht bemerkt habe.

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

Beachten Sie, dass es ist:

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

und nicht

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

Wenn Sie versuchen, die Farbe von FAB mithilfe der App zu ändern, liegt ein Problem vor. Rahmen der Schaltfläche haben unterschiedliche Farben, was Sie also tun müssen:

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

und im Code die Farbe einstellen:

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

benutz einfach,

app:backgroundTint="@color/colorPrimary"

nicht verwenden,

android:backgroundTint="@color/colorPrimary"

Das FAB ist basierend auf Ihrem farbig 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)));

Andere Lösungen können funktionieren. Dies ist der 10-Pfund-Gorilla-Ansatz, der den Vorteil hat, in diesem und ähnlichen Fällen allgemein anwendbar zu sein:

Styles.xml:

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

Ihr Layout xml:

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

Das Dokument schlägt vor, dass standardmäßig @ color / akzent verwendet wird. Aber wir können es auf Code überschreiben, indem wir verwenden

fab.setBackgroundTintList(ColorStateList)

Denken Sie auch daran,

Die Mindest-API-Version für die Verwendung dieser Bibliothek beträgt 15, Sie müssen sie also aktualisieren! Wenn Sie es nicht tun möchten, müssen Sie ein benutzerdefiniertes Zeichen definieren und es dekorieren!

Ändern der Hintergrundfarbe der schwebenden Aktionsschaltfläche mithilfe der folgenden Zeile

app:backgroundTint="@color/blue"

Ändern der Symbolfarbe der schwebenden Aktionsschaltfläche

android:tint="@color/white"     

Dank Autocomplete. Nach ein paar Treffern und Versuchen hatte ich Glück:

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

- oder - (beide sind im Grunde dasselbe)

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

Dies funktionierte für mich unter API Version 17 mit der Designbibliothek 23.1.0.

Ich habe das gleiche Problem und es schnappt mir alles die Haare. Vielen Dank für diese https://stackoverflow.com/a/35697105/5228412

Was wir tun können..

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

es funktioniert gut für mich und wünsche für andere, die hier erreichen werden.

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

Beachten Sie, dass Sie Farben in res / values ​​/ color.xml hinzufügen und das Attribut in Ihre Fab aufnehmen

   app:backgroundTint="@color/addedColor"

Mit dem Werkstoff Thema und den Materialkomponenten FloatingActionButton standardmäßig nimmt es die Farbe in Set - styles.xmlAttribute colorSecondary.

• Sie können das app:backgroundTintAttribut in XML verwenden:

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

• Sie können verwenden fab.setBackgroundTintList();

• Sie können Ihren Stil mithilfe des <item name="backgroundTint">Attributs anpassen

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

• Ab Version 1.1.0 von Materialkomponenten können Sie mit dem neuen materialThemeOverlayAttribut die Standardfarben nur für einige Komponenten überschreiben:

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

Neue Themenattributzuordnung für Floating Action Button in Material 1.1.0

In Ihrem App-Thema:

• Stellen Sie colorSecondary ein, um eine Farbe für den Hintergrund von FAB festzulegen (Zuordnungen zu backgroundTint).
• Stellen Sie colorOnSecondary ein, um eine Farbe für das Symbol / den Text und die Welligkeitsfarbe von FAB festzulegen (Zuordnungen zu Tint und 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>

Wenn Sie die Datenbindung verwenden , können Sie Folgendes tun:

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

Ich habe ein sehr einfaches Beispiel gemacht

Ich habe es so gemacht android: background = "@ color / colorAccent" Ich gehe einfach zu Ordner res und klicke dann auf Ordnerwerte und dann auf Farben.xml in Farben.xml Ich ändere einfach die Farbe von colorAccent und rufe es in android: Hintergrund und es ist geschafft

Der Punkt, den wir vermissen, ist, dass es wichtig ist, an dem Wert zu arbeiten, den Sie für diese Farbe wünschen, bevor Sie die Farbe auf der Schaltfläche festlegen. Sie können also zu Werte> Farbe gehen. Sie finden die Standardfarben, aber Sie können auch Farben erstellen, indem Sie sie ausschneiden und einfügen und die Farben und Namen ändern. Dann ... wenn Sie die Farbe der schwebenden Schaltfläche (in activity_main) ändern, können Sie die von Ihnen erstellte auswählen

Beispiel - Code für Werte> Farben mit Standardfarben + 3 weitere Farben, die ich erstellt habe:

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

Jetzt mein Floating Action Button mit der Farbe, die ich erstellt und "corPar" genannt habe:

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

Es hat bei mir funktioniert. Viel Glück!

Wenn Sie einen schwebenden Aktionsknopf ohne Zeichen haben, können Sie den Farbton programmgesteuert ändern, indem Sie:

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

Fügen Sie Farben in die Datei color.xml ein und fügen Sie dann diese Codezeile hinzu ... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

Sie können diesen Code verwenden, wenn Sie die Farbe programmgesteuert ändern möchten

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

verwenden

app: backgroundTint = "@ color / orange" in

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

Für das Materialdesign habe ich gerade die Farbe der schwebenden Aktionsschaltfläche wie folgt geändert. Fügen Sie die folgenden zwei Zeilen in Ihre XML-Datei für schwebende Aktionsschaltflächen ein. Und fertig,

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

in Kotlin:

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