Android 更改浮动操作按钮颜色

mFab.setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(mContext,R.color.mColor)));

材料 1.1.0 中 Floating Action Button 的新主题属性映射

在您的应用主题中：

设置 colorSecondary 为 FAB 的背景设置颜色（映射到 backgroundTint）

设置 colorOnSecondary 以设置图标/文本的颜色和 FAB 的波纹颜色（映射到 tint 和ippleColor）

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

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

样式.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>

默认情况下，使用 Material Theme 和 材质组件 FloatingActionButton 它采用 styles.xml 属性 colorSecondary 中设置的颜色。

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

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

您可以使用 fab.setBackgroundTintList();

您可以使用 属性自定义您的样式

  <!--<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 版本开始，您可以使用新的 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>

https://i.stack.imgur.com/OqBj9.png

该文件建议它默认采用@color/accent。但是我们可以通过使用在代码上覆盖它

fab.setBackgroundTintList(ColorStateList)

还要记住，

使用这个库的最低 API 版本是 15，所以你需要更新它！如果你不想这样做，那么你需要定义一个自定义的drawable并装饰它！

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

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"

这在 API 版本 17 和设计库 23.1.0 上对我有用。

我遇到了同样的问题，而且都在抢我的头发。感谢这个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"

使用 Data Binding 时，您可以执行以下操作：

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

我做了一个非常简单的example

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

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

对于材料设计，我只是像这样更改了浮动操作按钮的颜色，在您的浮动操作按钮 xml 中添加以下两行。并做了，

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

我是这样做的完成了

我们缺少的一点是，在您为按钮设置颜色之前，为该颜色设置所需的值很重要。所以你可以去值>颜色。您会找到默认的颜色，但您也可以通过复制和粘贴来创建颜色，更改颜色和名称。然后......当你去改变浮动按钮的颜色时（在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"/>

它对我有用。祝你好运！

在科特林：

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

我的解决方案，适用于数据绑定

val color = ContextCompat.getColor(context, R.color.colorPrimary)
binding.fab.backgroundTintList = ColorStateList.valueOf(getColor)

https://i.stack.imgur.com/N7Dto.png

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

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

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

利用

应用程序：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>

您可以使用 Extended，因此像这样设置 app:iconTint：

<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
        android:id="@+id/fAB"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
       
        app:icon="@drawable/d0"
        app:iconTint="@color/white"
         />