Wie ändere ich FAB Hintergrundfarbe

Question

Ich benutze Floating Action Button und ich möchte die Hintergrundfarbe ändern.

Hier ist mein Code

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/btnfab" 
     android:layout_width="48dp" 
     android:layout_height="48dp" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentRight="true" 
     android:layout_gravity="right|center_vertical" 
     android:layout_marginBottom="20dp" 
     android:src="@drawable/search" /> 

Hier ist der Code, den ich versuchen bin mit und erreichen dies:

1- android:background="@color/mycolor" 
2- android:backgroundTint="@color/white" 

ich Ecken auf meinem FAB bin auch wie in Bild gezeigt zu bekommen. Wie sollte ich diese Eckschatten entfernen?

Answer 1

können Sie problematischen Schatten entfernen, indem das Hinzufügen dieser Attribute an Ihren FloatingActionButton:

app:borderWidth="0dp" 
app:elevation="6dp" 

Es gibt keine Hintergrundfarbe für FloatingActionButton . ändern Sie diese Komponente Farbe durch:

app:backgroundTint="@color/YOURCOLOR" 

Denken Sie daran, in Ihrer Mutter Layout folgende Zeile haben:

xmlns:app="http://schemas.android.com/apk/res-auto" 

Answer 2

Bitte aktualisieren Sie Ihre Android-Unterstützung und Android-Material-Design-Bibliotheken in build.gradle.

(Fügen Sie Ihre build.gradle Datei oben bitte)

Nach diesen Seiten:

• [CodePath] Floating Action Buttons,
• [Big Nerd Ranch] Floating Action Buttons in Android Lollipop

und Android Developers reference Sie sollten nur verwendet werden:

android:backgroundTint="@color/white" 

Wie ich mich erinnere, dieser Schatten ist Gutwissen Problem für Tasten Aktion treiben, so nehmen Sie bitte einen Blick auf diese zusätzlichen Bibliotheken:

http://android-arsenal.com/tag/173

, die Ihnen helfen kann, dieses gebrochene Element ersetzen.

auch zu prüfen:

• Change color of Floating Action Button from Appcompat 22.2.0 programmatically
• Change background on FloatingActionButton?

Hoffe, es hilft.

Answer 3

Declare folgend in Ihrem App-Stil:

<item name="colorAccent">@color/yourColor</ item> 

prost