新增 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):
預設情況下,FloatingActionButton
的背景顏色將設定為主題的強調色。此外,請注意,FloatingActionButton
需要在其周圍的邊距才能正常工作。底部的建議邊距是手機的 16dp
和平板電腦的 24dp
。
以下是可用於進一步自定義 FloatingActionButton
的屬性(假設 xmlns:app="http://schemas.android.com/apk/res-auto
被宣告為名稱空間作為佈局的頂部):
app:fabSize
:可以設定為normal
或mini
,以在正常大小或較小版本之間切換。app:rippleColor
:設定你的FloatingActionButton
的漣漪效果的顏色。可以是顏色資源或十六進位制字串。app:elevation
:可以是字串,整數,布林值,顏色值,浮點,維度值。app:useCompatPadding
:啟用 compat 填充。也許是一個布林值,例如true
或false
。設定為true
以在 api-21 及更高版本上使用 compat 填充,以便與舊的 api 級別保持一致的外觀。
你可以在此處找到有關 FAB 的更多示例。