一、簡單使用

效果

<android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_above="@+id/bottom_navigation_bar"
        app:backgroundTint="#ff87ffeb"
 

        app:rippleColor="#33728dff"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp"
        app:borderWidth="0dp"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/add_group" />

二、屬性解釋

app:backgroundTint - 設定FAB的背景顏色。

app:rippleColor - 設定FAB點選時的背景顏色。
 

app:borderWidth - 該屬性尤為重要，如果不設定0dp，那麼在4.1的sdk上FAB會顯示為正方形，而且在5.0以後的sdk沒有陰影效果。所以設定為borderWidth="0dp"。

app:elevation - 預設狀態下FAB的陰影大小。

app:pressedTranslationZ - 點選時候FAB的陰影大小。

app:fabSize - 設定FAB的大小，該屬性有兩個值，分別為normal和mini，對應的FAB大小分別為56dp和40dp。

src - 設定FAB的圖示，Google建議符合Design設計的該圖示大小為24dp。

app
 
:layout_anchor - 設定FAB的錨點，即以哪個控制元件為參照點設定位置。

app:layout_anchorGravity - 設定FAB相對錨點的位置，值有 bottom、center、right、left、top等。

在佈局檔案設定改控制元件的一些屬性。要熟悉該控制元件的各個屬性。

該控制元件有點像ImageView，可以當成這個使用，這個看起來效果似乎更好。

三、點選事件

在MainActivity裡新增FloatingActionButton控制元件的事件監聽器

總結：使用懸浮按鈕FloatingActionButton控制元件，需要做兩步工作，在xml檔案裡設定該控制元件的屬性，在MainActivity裡新增該控制元件的事件監聽器。

四、與其他控制元件的配合使用