如何使用Floating Action Button

如何使用Floating Action Button

Floating Action Button (以下簡稱FAB)，顧名思義就是浮著的Button，使用上也非常的簡單。

完整程式碼

GitHub

首先

<com.google.android.material.floatingactionbutton.FloatingActionButton
 android:id="@+id/fab"
 android:layout_width="56dp"
 android:layout_height="56dp"
 android:src="@drawable/ic_add_stock"
 android:layout_alignParentBottom="true"
 android:layout_alignParentEnd="true"
 android:layout_marginBottom="16dp"
 android:layout_marginEnd="16dp"
 app:elevation="6dp"
 app:backgroundTint="@android:color/black"
 app:pressedTranslationZ="16dp"/>

只要定義好顏色、位置等屬性，使用上也跟一般元件相同，先從xml取出再定義事件，通常會搭配 Snackbar 來輔助顯示。

fab.setOnClickListener {
 Snackbar.make(it, "Here's a Snackbar", Snackbar.LENGTH_LONG)
  .setAction("Action", null)
  .show()
}