浮动操作按钮设置背景色导致错误

Question

我曾经在另一个项目中尝试使用fab实现悬浮操作按钮并进行自定义，它可以正常工作。但是这一次，在我的xml布局中创建fab对象时，它显示了错误。感到困惑后，我尝试移除其中的一些标签，并发现添加android:backgroundTint标签时会出现错误。

以下是代码：

    <android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:fabSize="mini"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:src="@drawable/ic_action_fab"
    android:backgroundTint="#2196F3"
    android:layout_margin="12dp"/>

这是我用的构建：

compileSdkVersion 25
buildToolsVersion '25.0.0'

defaultConfig {
    applicationId "com.xxxx.xxxx"
    minSdkVersion 10
    targetSdkVersion 23
    versionCode 1
    versionName "2.0.4"
}

我已经添加了谷歌设计Gradle。

错误：

java.lang.RuntimeException: Unable to start activity ComponentInfo{com.xxxx.xxxx/com.xxxx.xxxx.HomeActivity}: android.view.InflateException: Binary XML file line #141: Binary XML file line #141: Error inflating class android.support.design.widget.FloatingActionButton

一旦我删除android:backgroundtint标签，错误就消失了。不知道为什么会出现这种情况？

- user3576118

Answer 1

尝试使用app:backgroundTint="#2196F3"代替android:backgroundTint="#2196F3"

- John Joe

Answer 2

根据文档，默认情况下，它使用在styles.xml属性colorAccent中设置的颜色。

如果您想更改颜色，在XML中使用属性app:backgroundTint，而不是android:backgroundTint。

因此，fab图标的最终XML将为：

<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:fabSize="mini"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:src="@drawable/ic_action_fab"
app:backgroundTint="#2196F3"
android:layout_margin="12dp"/>

- Abhi

Answer 3

如上所述，正确的方法是添加 app:backgroundTint 而不是 android:backgroundTint. 您可以在此 answer 中找到详细信息。 示例 : app:backgroundTint="@color/orange" 我不确定是否应该删除此帖子，因为它可能是重复的，但我真的很感谢你们的帮助。

- user3576118