android - 如何从 android.support.design 中设置 FloatingActionButton 的样式

Question

我正在尝试为 android.support.design 的 FloatingActionButton 添加更明显的焦点效果。

到目前为止，我已经测试了向按钮添加自定义背景:

 <android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_done_24dp"
            android:background="@drawable/focus_gold"
            app:backgroundTint="#F7A200"
            app:pressedTranslationZ="12dp" />

可绘制的 focus_gold 是:

 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:state_focused="true" android:drawable="#ff9800"/>
 </selector>

结果如下(红色背景正常):

不专心:

重点:

有没有人想用这个库在 fab 按钮上设置一个漂亮而简单的焦点效果？

谢谢，

文森特

Answer 1

我的建议，

1. 去掉 android:background 属性。
2. 将 fab_gold.xml 从 res/drawable/移至 res/color/。
3. 将 backgroundTint 更改为 app:backgroundTint="@color/focus_gold"

确保将 focus_gold.xml 更改为此

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="#ff9800" android:state_focused="true"/>
  <item android:color="#F7A200" />
</selector>