Android Design风格组件之FloatingActionButton

一、简单使用

效果

<android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_above="@+id/bottom_navigation_bar"
        app:backgroundTint="#ff87ffeb"
        app:rippleColor="#33728dff"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp"
        app:borderWidth="0dp"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/add_group" />

二、属性解释

app:backgroundTint - 设置FAB的背景颜色。

app:rippleColor - 设置FAB点击时的背景颜色。

app:borderWidth - 该属性尤为重要，如果不设置0dp，那么在4.1的sdk上FAB会显示为正方形，而且在5.0以后的sdk没有阴影效果。所以设置为borderWidth="0dp"。

app:elevation - 默认状态下FAB的阴影大小。

app:pressedTranslationZ - 点击时候FAB的阴影大小。

app:fabSize - 设置FAB的大小，该属性有两个值，分别为normal和mini，对应的FAB大小分别为56dp和40dp。

src - 设置FAB的图标，Google建议符合Design设计的该图标大小为24dp。

app:layout_anchor - 设置FAB的锚点，即以哪个控件为参照点设置位置。

app:layout_anchorGravity - 设置FAB相对锚点的位置，值有 bottom、center、right、left、top等。

在布局文件设置改控件的一些属性。要熟悉该控件的各个属性。

该控件有点像ImageView，可以当成这个使用，这个看起来效果似乎更好。

三、点击事件

在MainActivity里添加FloatingActionButton控件的事件监听器

总结：使用悬浮按钮FloatingActionButton控件，需要做两步工作，在xml文件里设置该控件的属性，在MainActivity里添加该控件的事件监听器。

四、与其他控件的配合使用