Android cambia el color del botón de acción flotante

He estado tratando de cambiar el color del botón de acción flotante del material, pero sin éxito.

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

He intentado agregar:

android:background="@color/mycolor"

o mediante código:

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

o

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

Pero ninguno de los anteriores funcionó. También probé las soluciones en la pregunta duplicada propuesta, pero ninguna de ellas funciona; el botón permaneció verde y también se convirtió en un cuadrado.

PD: También sería bueno saber cómo agregar el efecto dominó, tampoco podría entender eso.

Como se describe en la documentación , por defecto se toma el conjunto de colores en styles.xml atributo colorAccent .

El color de fondo de esta vista por defecto es el colorAccent de su tema. Si desea cambiar esto en tiempo de ejecución, puede hacerlo a través de setBackgroundTintList (ColorStateList).

Si deseas cambiar el color

• en XML con la aplicación de atributos : 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" >

• en código con .setBackgroundTintList (respuesta a continuación por ywwynm )

Como @Dantalian mencionó en los comentarios, si desea cambiar el color del icono de Design Support Library hasta v22 (inclusive) , puede usar

android:tint="@color/white"     

Para la Biblioteca de soporte de diseño desde v23 , puede usar:

app:tint="@color/white"   

También con las androidXbibliotecas debe establecer un borde de 0dp en su diseño 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" />

La respuesta de Vijet Badigannavar es correcta, pero el uso ColorStateListsuele ser complicado y no nos dijo cómo hacerlo. Como a menudo nos enfocamos en cambiar Viewel color en estado normal y prensado, voy a agregar más detalles:

1. Si desea cambiar FABel color en estado normal, simplemente puede escribir

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

2. Si desea cambiar FABel color en estado presionado, gracias por Design Support Library 22.2.1 , puede escribir

   mFab.setRippleColor(your color in int);

   Al establecer este atributo, cuando mantienes presionada la tecla FAB, aparecerá una onda con tu color en tu punto de contacto y se mostrará en toda la superficie de FAB. Tenga en cuenta que no cambiará FABel color en estado normal. Debajo de API 21 (Lollipop), no hay efecto dominó, pero FABel color seguirá cambiando cuando lo presione.

Finalmente, si desea implementar un efecto más complejo para los estados, entonces debe profundizar ColorStateList, aquí hay una pregunta SO que lo discute: ¿Cómo creo ColorStateList programáticamente? .

ACTUALIZACIÓN: Gracias por el comentario de @ Kaitlyn. Para eliminar el trazo de FAB usando backgroundTint como su color, puede configurarlo app:borderWidth="0dp"en su xml.

Como señaló Vasil Valchev en un comentario, es más simple de lo que parece, pero hay una sutil diferencia que no estaba notando en mi 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"/>

Note que es:

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

y no

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

Si intenta cambiar el color de FAB utilizando la aplicación, hay algún problema. El marco del botón tiene un color diferente, así que lo que debe hacer:

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

y en código establece el color:

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

Solo usa,

app:backgroundTint="@color/colorPrimary"

no use

android:backgroundTint="@color/colorPrimary"

El FAB está coloreado en función de su 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)));

Otras soluciones pueden funcionar. Este es el enfoque del gorila de 10 libras que tiene la ventaja de ser ampliamente aplicable en este y otros casos similares:

Styles.xml:

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

su diseño xml:

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

El documento sugiere que toma el @ color / acento por defecto. Pero podemos anularlo en el código usando

fab.setBackgroundTintList(ColorStateList)

También recuerda

La versión mínima de API para usar esta biblioteca es 15, por lo que debe actualizarla. si no quieres hacerlo, ¡debes definir un dibujo personalizado y decorarlo!

Cambiar el color de fondo del botón de acción flotante utilizando la línea de abajo

app:backgroundTint="@color/blue"

Cambio del color del icono del botón de acción flotante

android:tint="@color/white"     

Gracias a autocompletar. Tuve suerte después de algunos golpes y pruebas:

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

- o - (ambos son básicamente lo mismo)

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

Esto funcionó para mí en API Versión 17 con la biblioteca de diseño 23.1.0.

Tengo el mismo problema y todo me está arrebatando el pelo. Gracias por esto https://stackoverflow.com/a/35697105/5228412

Lo que podemos hacer..

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

funciona bien para mí y deseo que otros lleguen hasta aquí.

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

Tenga en cuenta que agrega colores en res / values ​​/ color.xml e incluye el atributo en su fab

   app:backgroundTint="@color/addedColor"

Con el Tema de material y los componentes de material FloatingActionButton por defecto, toma el color establecido en el styles.xmlatributo colorSecondary.

• Puede usar el app:backgroundTintatributo en xml:

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

• Puedes usar fab.setBackgroundTintList();

• Puedes personalizar tu estilo usando el <item name="backgroundTint">atributo

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

• a partir de la versión 1.1.0 de componentes de material, puede usar el nuevo materialThemeOverlayatributo para anular los colores predeterminados solo para algunos componentes:

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

Nuevo mapeo de atributos del tema para el botón de acción flotante en el material 1.1.0

En el tema de tu aplicación:

• Establezca colorSecondary para establecer un color para el fondo de FAB (se asigna a backgroundTint)
• Establezca colorOnSecondary para establecer un color para el icono / texto y el color ondulado de FAB (se asigna a tint y 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>

Al usar Enlace de datos , puede hacer algo como esto:

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

He hecho un ejemplo muy simple

lo hice así android: background = "@ color / colorAccent" solo voy a la carpeta res y luego hago clic en los valores de la carpeta y luego en colors.xml en colors.xml Simplemente cambio el color de colorAccent y lo llamo en android: background y esta hecho

El punto que nos falta es que antes de establecer el color en el botón, es importante trabajar en el valor que desea para este color. Entonces puedes ir a valores> color. Encontrará los predeterminados, pero también puede crear colores copiándolos y pegándolos, cambiando los colores y los nombres. Entonces ... cuando vaya a cambiar el color del botón flotante (en activity_main), puede elegir el que ha creado

Ejemplo: código en valores> colores con colores predeterminados + 3 colores más que he creado:

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

Ahora mi botón de acción flotante con el color que he creado y llamado "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"/>

Funcionó para mi. ¡Buena suerte!

Si tiene un botón de acción flotante sin dibujo, puede cambiar el tinte mediante programación mediante:

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

agregue colores en el archivo color.xml y luego agregue esta línea de código ... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

Puede usar este código en caso de que quiera cambiar el color mediante programación

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

utilizar

aplicación: backgroundTint = "@ color / orange" en

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

para el diseño de materiales, acabo de cambiar el color del botón de acción flotante de esta manera, agregue las dos líneas a continuación en su botón de acción flotante xml. Y hecho,

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

en Kotlin:

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