如何從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> 

下面是結果（紅色背景是正常的）：

聚焦：

關注：

有沒有人有一個想法，以設置一個漂亮和簡單的焦點效應的晶圓廠按鈕，這個庫？

感謝，

文森特

Answer 1

你可以試試非官方FloatingActionButton庫！這裏是github鏈接：https://github.com/makovkastar/FloatingActionButton

希望它有幫助！

Answer 2

我的建議，

1. 擺脫的android：背景屬性。
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>