FloatingActionButton的使用

Posted 2021-05-20 南千元

FloatingActionButton的使用

• 控件简介
• • 导入依赖
  • 基本属性
  • XML文件使用
  • 响应事件

控件简介

FloatingActionButton是Design Support库中提供的一个控件，可以帮助我们轻松的实现悬浮按钮的效果。

导入依赖

由于FloatingActionButton属于Design Support库，所以只要导入Material Design的依赖即可

    implementation 'com.google.android.material:material:1.2.1'

基本属性

属性名	Value类型	作用
android:src	drawable	控件图标
app:backgroundTint	color	控件边框色
android:backgroundTint	color	控件背景色
app:rippleColor	color	点击时的背景颜色
app:elevation	int	阴影大小，值越大阴影范围越大，但投影效果越淡。
app:pressedTranslationZ	int	用来设置点击时阴影的大小
app:fabSize	auto、normal、mini	按钮大小
app:fabCustomSize	int	自定义按钮大小

XML文件使用

 	<com.google.android.material.floatingactionbutton.FloatingActionButton
 		android:id="@+id/fab"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_margin="20dp"
        app:fabSize="auto"
        android:src="@drawable/add"
        android:backgroundTint="@color/white"
        android:elevation="8dp"
        app:fabCustomSize="50dp"
        app:maxImageSize="20dp" />

响应事件

就是普通Button所使用的onClickListener

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
                
    }
});