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>

Answer 2

你可以试试非官方的 FloatingActionButton 库！这是github链接：https ://github.com/makovkastar/FloatingActionButton

希望它有所帮助！