【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

公众号推荐：