pulsarlo - drawable android

Cómo cambiar el color de fondo FAB

Question

Estoy usando el botón de acción flotante y quiero cambiar el color de fondo.

Aqui esta mi codigo

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

Aquí está el código que estoy usando para intentar lograr esto:

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

También estoy obteniendo esquinas en mi FAB como se muestra en la imagen. ¿Cómo debo eliminar esas sombras de esquina?

Answer 1

Declara lo siguiente en tu estilo de aplicación:

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

aclamaciones

Answer 2

Por favor actualice sus bibliotecas de diseño de materiales y soporte para Android en build.gradle .

(Agregue por favor su archivo build.gradle arriba)

Según estos sitios:

• [CodePath] Botones de acción flotantes ,
• [Big Nerd Ranch] Botones de acción flotantes en Android Lollipop

y la referencia de los desarrolladores de Android debe usar solo:

   android:backgroundTint="@color/white"

Como recuerdo, esta sombra es un problema bien conocido para los botones de acción flotantes, así que eche un vistazo a estas bibliotecas adicionales:

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

lo que puede ayudarle a reemplazar este elemento roto.

Compruebe también:

• Cambie el color del botón de acción flotante desde Appcompat 22.2.0 programáticamente
• ¿Cambiar fondo en FloatingActionButton?

Espero que te ayude.

Answer 3

Primero crea un estilo en tu styles.xml:

<style name="PrimaryActionButton" parent="Theme.AppCompat.Light">
<item name="colorAccent">@color/colorPrimary</item>
</style>

A continuación, establezca el tema de su fab a este estilo:

<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_favorite_white_24dp"
android:theme="@style/PrimaryActionButton"
app:fabSize="normal"
app:rippleColor="@color/colorAccent" />

Puedes ver la descripción completa en: Android: Botón de acción flotante

Answer 4

Puede eliminar la sombra problemática agregando estos atributos a su FloatingActionButton :

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

No hay color de fondo para FloatingActionButton . Cambia este color componente por:

app:backgroundTint="@color/YOURCOLOR"

Recuerda tener en tu diseño padre la siguiente línea:

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