新增 FloatingActionButton(FAB)

在材質設計中,“ 浮動”按鈕表示活動中的主要操作。
它們通過在 UI 上方浮動的帶圓圈的圖示來區分,並且具有包括變形,發射和傳遞錨點的運動行為。

確保在依賴項下的應用程式的 build.gradle 檔案中新增了以下依賴項:

compile 'com.android.support:design:25.3.1'

現在將 FloatingActionButton 新增到你的佈局檔案中:

<android.support.design.widget.FloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:src="@drawable/some_icon"/>

src 屬性引用應該用於浮動操作的圖示。
結果看起來應該是這樣的(假設你的重點顏色是 Material Pink): StackOverflow 文件

預設情況下,FloatingActionButton 的背景顏色將設定為主題的強調色。此外,請注意,FloatingActionButton 需要在其周圍的邊距才能正常工作。底部的建議邊距是手機的 16dp 和平板電腦的 24dp

以下是可用於進一步自定義 FloatingActionButton 的屬性(假設 xmlns:app="http://schemas.android.com/apk/res-auto 被宣告為名稱空間作為佈局的頂部):

  • app:fabSize :可以設定為 normalmini,以在正常大小或較小版本之間切換。
  • app:rippleColor :設定你的 FloatingActionButton 的漣漪效果的顏色。可以是顏色資源或十六進位制字串。
  • app:elevation :可以是字串,整數,布林值,顏色值,浮點,維度值。
  • app:useCompatPadding :啟用 compat 填充。也許是一個布林值,例如 truefalse。設定為 true 以在 api-21 及更高版本上使用 compat 填充,以便與舊的 api 級別保持一致的外觀。

你可以在此處找到有關 FAB 的更多示例。