【Interface&navigation】添加一個浮動操作按鈕（23）

原

浮動操作按鈕（FAB）是一個圓形按鈕，可觸發應用程序UI中的主要操作。此頁面顯示如何將FAB添加到佈局，自定義其外觀以及響應按鈕點擊。

要了解有關如何根據“材料設計指南”在您的應用中設計浮動操作按鈕的詳細信息，請參閱按鈕：浮動操作按鈕。

圖1.浮動操作按鈕

將浮動操作按鈕添加到佈局中

---

以下代碼顯示了FloatingActionButton應該如何 顯示在佈局文件中：

<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:layout_margin="16dp" />

默認情況下，FAB由colorAccent屬性着色，您可以使用主題的調色板自定義該屬性。

您可以使用XML屬性或相應的方法配置其他FAB屬性，例如：

FAB的大小，使用app:fabSize屬性或 setSize()方法。
使用app:rippleColor屬性或 setRippleColor()方法的FAB的波紋顏色。
FAB圖標，使用android:src屬性或 setImageDrawable()方法。

迴應按鈕點擊

---

然後，您可以應用一個View.OnClickListener來處理FAB點擊。例如，以下代碼顯示Snackbar用戶點擊FAB的時間：

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

有關FAB功能的更多信息，請參閱該API的API參考FloatingActionButton。

聯繫我

QQ:94297366
微信打賞：https://pan.baidu.com/s/1dSBXk3eFZu3mAMkw3xu9KQ

公衆號推薦：