1. 效果如下

图片.png

FloatingActionButton是support.design包下的类，使用这个类可以实现Material Design中浮动按钮的效果；

图片.png

从继承关系可以看到，FloatingActionButton继承自 ImageButton，所以ImageButton的属性在FloatingActionButton中同样也是适用的，用法如下；

  <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatingactionbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:src="@drawable/ic_favorite_white_24dp"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp" />

可以给其设置不同的图片：

 android:src="@drawable/ic_favorite_white_24dp"

设置背景颜色

默认情况下，FloatingActionButton的颜色是跟随主题中的 colorAccent属性的，当然，也可以自己去手动设置颜色：

app:backgroundTint="@color/colorFloatingBtn"

或者在代码中设置：

mFloatingActionBar.setBackgroundTintList(ColorStateList.valueOf(Color.parseColor("#eaeaea")));

兼容性

在5.0之前，FloatingActionButton距离底部会有一个间隔，在5.0之后就没有了，解决方法就是设置：

app:borderWidth="0dp"

点击事件

mFloatingActionBar.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(mCoordinateLayout,"click me", Snackbar.LENGTH_SHORT).show();
            }
        });