FloatingActionButton的使用

时间：2015-06-29 19:45:18 收藏：0 阅读：180

参考：http://blog.csdn.net/lmj623565791/article/details/46678867

添加依赖: compile ‘com.android.support:design:22.2.0‘

布局：

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="right|bottom"
    android:src="@drawable/ic_discuss"
    />

技术分享

填充色以及rippleColor如何自定义呢？

rippleColor默认取的是主题中的colorControlHighlight

按下的颜色取的是主题中的colorAccen,所以你可以在style中定义colorAccent

注：colorAccent 对应EditText编辑时、RadioButton选中、CheckBox等选中时的颜色。

我们也可以直接用过属性定义这两个的颜色：

app:backgroundTint="#ff87ffeb"
app:rippleColor="#33728dff"

立体感有没有什么属性可以动态指定？

和立体感相关有两个属性，elevation和pressedTranslationZ，前者用户设置正常显示的阴影大小；后者是点击时显示的阴影大小。

<android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|bottom"
        android:src="@drawable/ic_discuss"
        app:backgroundTint="#ff87ffeb"
        app:rippleColor="#33728dff"
        app:elevation="6dp"
        app:pressedTranslationZ="12dp"
        />

5.x存在的一些问题

在5.x的设备上运行，你会发现一些问题（测试系统5.0）：

木有阴影

添加属性 app:borderWidth="0dp"

对于5.x设置一个合理的margin,整体如下:

 <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        app:borderWidth="0dp"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/ic_headset" />

values

<dimen name="fab_margin">0dp</dimen>

values-v21

 <dimen name="fab_margin">16dp</dimen>

2015-06-29

17:35:25

原文：http://www.cnblogs.com/huangzx/p/4608100.html