码迷,mamicode.com
首页 > 其他好文 > 详细

FloatingActionButton的使用

时间:2015-06-29 19:47:50      阅读:1841      评论:0      收藏:0      [点我收藏+]

标签:

参考: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

FloatingActionButton的使用

标签:

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

(2)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!