Android更改浮动操作按钮颜色

我一直在尝试更改Material的“浮动动作按钮”的颜色，但没有成功。

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

我尝试添加：

android:background="@color/mycolor"

或通过代码：

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

要么

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

但以上方法均无效。我也尝试过提出的重复问题中的解决方案，但是没有一个起作用。按钮保持绿色，并且也变成了正方形。

PS知道如何添加波纹效果也很高兴，也无法理解。

如文档中所述，默认情况下，它采用在styles.xml属性colorAccent中设置的颜色。

该视图的背景色默认为主题的colorAccent。如果您希望在运行时更改此设置，则可以通过setBackgroundTintList（ColorStateList）进行更改。

如果您想改变颜色

• 在XML中具有属性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" >

• 在带有.setBackgroundTintList的代码中（下面是ywwynm的答案）

如评论中的@Dantalian所述，如果您希望将Design Support Library的图标颜色更改为v22（含）以下，则可以使用

android:tint="@color/white"     

对于v23以后的设计支持库，您可以使用：

app:tint="@color/white"   

同样对于androidX库，您需要在xml布局中设置0dp边框：

<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 Badigannavar的回答是正确的，但使用ColorStateList通常很复杂，他没有告诉我们如何做。由于我们通常关注View在正常和按下状态下更改的颜色，因此我将添加更多详细信息：

1. 如果您想FAB在正常状态下更改的颜色，只需编写

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

2. 如果您想FAB在按下状态下更改其颜色，多亏了Design Support Library 22.2.1，您可以编写

   mFab.setRippleColor(your color in int);

   设置此属性后，长按时FAB，触摸点处会出现带有颜色的波纹，并在的整个表面露出FAB。请注意，它FAB在正常状态下不会改变的颜色。在API 21（Lollipop）以下，没有波纹效果，但FAB按时颜色仍会改变。

最后，如果要对状态实现更复杂的效果，则应深入研究ColorStateList，这是一个讨论它的SO问题：如何以编程方式创建ColorStateList？。

更新： 感谢@Kaitlyn的评论。要使用backgroundTint作为颜色来删除FAB的笔划，可以app:borderWidth="0dp"在xml中进行设置。

正如Vasil Valchev在评论中指出的那样，它看起来比表面上简单，但是有一个细微的差别，我没有注意到我的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"/>

注意它是：

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

而不是

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

如果尝试使用应用程序更改FAB的颜色，则存在一些问题。按钮框的颜色不同，因此您必须执行以下操作：

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

并在代码中设置颜色：

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

只是使用，

app:backgroundTint="@color/colorPrimary"

不要使用

android:backgroundTint="@color/colorPrimary"

FAB的颜色基于您的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)));

其他解决方案可能会起作用。这是10磅大猩猩的方法，其优点是可广泛应用于这种情况和类似情况：

Styles.xml：

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

您的布局xml：

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

该文件建议默认使用@ color / accent。但是我们可以使用

fab.setBackgroundTintList(ColorStateList)

还记得

使用该库的最低API版本是15，因此您需要对其进行更新！如果您不想这样做，则需要定义一个自定义可绘制对象并进行装饰！

使用以下行更改浮动操作按钮的背景色

app:backgroundTint="@color/blue"

更改浮动操作按钮图标的颜色

android:tint="@color/white"     

多亏了自动完成功能。经过几次尝试和试验，我很幸运：

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

-或-（两者基本上是一样的）

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

这适用于具有设计库23.1.0的API版本17。

我遇到了同样的问题，所有问题都使我的头发hair了。感谢这个 https://stackoverflow.com/a/35697105/5228412

我们能做的..

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

它对我来说效果很好，并希望其他人能够到达这里。

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

请注意，您在res / values / color.xml中添加了颜色，并将该属性包括在fab中

   app:backgroundTint="@color/addedColor"

默认情况下，如果使用Material Theme和Material组件 FloatingActionButton，它将采用styles.xmlattribute中设置的颜色colorSecondary。

• 您可以app:backgroundTint在xml中使用该属性：

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

• 您可以使用 fab.setBackgroundTintList();

• 您可以使用<item name="backgroundTint">属性来自定义样式

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

• 从材料组件的1.1.0版本开始，您可以使用new materialThemeOverlay属性来覆盖某些组件的默认颜色：

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

素材1.1.0中浮动动作按钮的新主题属性映射

在您的应用主题中：

• 设置colorSecondary设置FAB背景的颜色（映射到backgroundTint）
• 设置colorOnSecondary可以设置图标/文本的颜色和FAB的波纹颜色（映射为tint和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>

使用数据绑定时，您可以执行以下操作：

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

我举了一个非常简单的例子

我做到了这个android：background =“ @ color / colorAccent”，我只是转到文件夹res，然后单击文件夹值，然后单击colors.xml中的colors.xml，我只是更改了colorAccent的颜色，并在android：background中调用了它和完成

我们缺少的一点是，在按钮上设置颜色之前，重要的是要为该颜色设置所需的值。因此，您可以转到“值”>“颜色”。您将找到默认的颜色，但是您也可以通过复制和粘贴颜色，更改颜色和名称来创建颜色。然后...当您更改浮动按钮的颜色（在activity_main中）时，可以选择已创建的按钮

示例-值>具有默认颜色的颜色+我创建的3种以上颜色的代码：

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

现在，使用我创建的颜色并将其命名为“ 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"/>

它为我工作。祝好运！

如果您的浮动操作按钮没有可绘制对象，则可以使用以下方法以编程方式更改色调：

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

在color.xml文件中添加颜色，然后添加以下代码行... floatingActionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.fab2_color)));

如果要以编程方式更改颜色，可以使用此代码

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

采用

app：backgroundTint =“ @ color / orange”中

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

对于Material design，我只是这样更改了浮动动作按钮的颜色，在浮动动作按钮xml中添加了以下两行。并做了，

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

在科特林：

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