Android改变浮动动作按钮的颜色

我一直试图改变材质的浮动动作按钮的颜色，但没有成功。

<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")));

但上述方法都不起作用。我也尝试了提出的重复问题的解决方案，但没有一个可行;按钮仍然是绿色的，也变成了一个正方形。

附:如果知道如何增加连锁反应也很好，我也不明白。

452627 次浏览
小开

FAB根据您的colorAccent进行着色。

<style name="AppTheme" parent="Base.Theme.AppCompat.Light">
<item name="colorAccent">@color/accent</item>
</style>
小开

文档建议它默认采用@color/accent。但是我们可以在代码中使用

fab.setBackgroundTintList(ColorStateList)

还记得,

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

小开
最佳答案

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

此视图的背景颜色默认为主题的colorAccent。如果你想在运行时改变这个，那么你可以通过setBackgroundTintList(ColorStateList)这样做。

如果你想改变颜色

  • XML格式，属性为应用: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在评论中提到的，如果你想改变设计支持库至v22(含)的图标颜色，你可以使用

android:tint="@color/white"

对于设计支持库从第23节，您可以使用:

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. If you want to change FAB's color in pressed state, thanks for Design Support Library 22.2.1, you can just write

    mFab.setRippleColor(your color in int);

    通过设置这个属性，当你长按FAB时，你的触摸点会出现一个带有你的颜色的波纹，并显示在FAB的整个表面上。请注意，在正常状态下它不会改变FAB的颜色。低于API 21(棒棒糖)，没有涟漪效应，但FAB的颜色仍然会改变，当你按下它

最后，如果你想为状态实现更复杂的效果，那么你应该深入挖掘ColorStateList，这里有一个SO问题讨论它:如何以编程方式创建ColorStateList ?。

< >强更新: 谢谢@Kaitlyn的评论。要删除FAB的笔画使用backgroundTint作为它的颜色，你可以设置app:borderWidth="0dp"在你的xml.

小开

如果你尝试用app改变FAB的颜色，会有一些问题。 帧的按钮有不同的颜色，所以你必须做:

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

并在代码中设置颜色:

actionButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.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 Version 17和设计库23.1.0上为我工作。

小开

其他解决方案也可能奏效。这是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>
小开

正如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"

和# EYZ0

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

只使用,

app:backgroundTint="@color/colorPrimary"

不该使用,

android:backgroundTint="@color/colorPrimary"
小开
我也有同样的问题，都在抓我的头发。谢谢你 # EYZ0 < / p >

我们能做什么…

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

这对我来说很好，希望其他人也能到达这里。

小开

我们忽略的一点是，在你设置按钮的颜色之前，重要的是要为这个颜色设置你想要的值。你可以到values > color。您将找到默认的颜色，但您也可以通过复制和粘贴它们来创建颜色，更改颜色和名称。然后……当您要更改浮动按钮(在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"/>

这对我很管用。好运！

小开 
 <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"
小开 
mFab.setBackgroundTintList(ColorStateList.valueOf(ContextCompat.getColor(mContext,R.color.mColor)));
小开

使用下面的线条改变浮动动作按钮的背景颜色

app:backgroundTint="@color/blue"

改变浮动动作按钮图标的颜色

android:tint="@color/white"
小开

我这样做的 android:背景= " @color / colorAccent” 我只是去文件夹res，然后点击文件夹值，然后在colors.xml中的colors.xml，我只是改变colorAccent的颜色，并在android:background中调用它，它的done

小开

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

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

add colors in color.xml file .xml

在color.xml文件中添加颜色，然后添加这行代码… # EYZ0 < / p >

小开

当使用数据绑定时，你可以这样做:

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

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

小开

材质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>
小开

使用< >强材料< /强>的主题和材料成分和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="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版本开始，你可以使用新的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>

enter image description here

小开

使用

应用:backgroundTint = " @color /橙”


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

如果你有一个没有可绘制的浮动动作按钮，你可以通过编程方式使用:

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

材质设计，我只是改变了浮动动作按钮的颜色，像这样， 在浮动动作按钮xml中添加以下两行。 , < / p > 

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

在芬兰湾的科特林:

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)
小开

你可以使用扩展，所以设置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"
/>

提交答案