浮动操作按钮(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
公众号推荐: