【Interface&navigation】添加一个浮动操作按钮(23)

浮动操作按钮(FAB)是一个圆形按钮,可触发应用程序UI中的主要操作。此页面显示如何将FAB添加到布局,自定义其外观以及响应按钮点击。

要了解有关如何根据“材料设计指南”在您的应用中设计浮动操作按钮的详细信息,请参阅按钮:浮动操作按钮。

【Interface&navigation】添加一个浮动操作按钮(23)
图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

公众号推荐:

【Interface&navigation】添加一个浮动操作按钮(23)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章