Come cambiare il colore di sfondo FAB

Question

Sto usando il pulsante di azione mobile e voglio cambiare il colore di sfondo.

Ecco il mio codice

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

Ecco il codice che sto usando per cercare di raggiungere questo obiettivo:

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

Inoltre sto ottenendo angoli sul mio FAB, come mostrato nell'immagine. Come dovrei rimuovere quelle ombre d'angolo?

Answer 1

È possibile rimuovere l'ombra problematica aggiungendo questo attribuisce alla FloatingActionButton:

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

Non c'è colore di sfondo per FloatingActionButton . Si cambia questo colore componente:

app:backgroundTint="@color/YOURCOLOR" 

Ricorda di avere nel vostro layout genitore seguente riga:

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

Answer 2

Aggiorna il tuo supporto Android e librerie di design dei materiali Android in build.gradle.

(Aggiungi compiacere il file build.gradle sopra)

Secondo questi siti:

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

e Android Developers reference si dovrebbe usare:

android:backgroundTint="@color/white" 

Per quanto mi ricordo, questa ombra è problema ben conosciuta per i pulsanti di azione galleggiante, quindi per favore dare un'occhiata a queste librerie aggiuntive:

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

che può aiutare a sostituire questo elemento rotto.

Controllare anche:

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

Speranza che aiuta.

Answer 3

Declare segue nel vostro stile app:

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

applausi