Android Design Support之FloatingActionButton实战

参考：https://android-developers.blogspot.com/2015/05/android-design-support-library.html

1、概述

这次我们来讲一个Android Design Support里面的一个组件：FloatingActionButton。中文名是：悬浮按钮。

FloatingActionButton给我们呈现的是一个悬浮在界面上的按钮，如下所示，其本质上是一个ImageButton。

2、使用

FloatingActionButton使用起来也是超级简单，布局如下：

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_demo3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:elevation="4dp"
        android:src="@drawable/ic_add_black_24dp"
        app:backgroundTint="@color/colorPrimary"
        app:fabSize="normal"
        app:pressedTranslationZ="12dp"
        app:rippleColor="#33728dff"
        app:useCompatPadding="true" />

我们发现FlaotingActionButton在正常显示的情况下有一个填充的颜色，有个阴影，并且点击的时候会有一个阴影颜色rippleColor，并且阴影的范围可以增大。

1、填充的颜色默认使用就是style当中的colorAccent。

2、rippleColor默认取的是Theme当中的colorControlHighlight。

我们可以自定义这两个颜色：

 app:backgroundTint="@color/colorPrimary" 
 app:rippleColor="#33728dff"

3、与立体感相关的属性有两个elevation和pressedTranslationZ，都是Material design主题里面的属性，分别代表正常的阴影大小和点击时候阴影的大小。

4、还有一些别的属性，具体请参考文档。

5、至于FloatingActionButton的点击事件，和一般的Button一样。