继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Material风格的悬浮按钮

jmesSehng
关注TA
已关注
手记 149
粉丝 424
获赞 5663

Material风格的悬浮按钮

简介

在material 风格的设计中,一个悬浮按钮代表了它的最初动作。
它们是悬浮在UI界面上的一个圆形按钮,并且有一些动作,包括变形,发射,位移等

这里写图片描述

在build.gradle file 文件的dependencies加入如下的依赖:

compile 'com.android.support:design:25.1.0'

layout布局文件:

<!-- Add this to your layout file -->
<android.support.design.widget.FloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:src="@drawable/some_icon"/>
属性介绍

src属性来标注悬浮按钮的图片。

悬浮按钮的颜色默认是主题的颜色,为了让悬浮按钮更好的显示,需要设置边距,推荐尺寸,对于手机是16dp,对于平板是24dp。

下面的一些属性可以让你更好的订制悬浮按钮(假如 xmlns:app="http://schemas.android.com/apk/res-auto 已经在布局中设置了):

app:fabSize: 设置normal 或者mini 来切换尺寸。
app:rippleColor: 设置悬浮按钮的ripple颜色效果,可以是资源或者数值的方式。
app:elevation: 可以是字符串,整数,布尔,颜色数值,浮点型,尺寸数据。

打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP

热门评论

会继续更新这种风格的控件,欢迎关注

查看全部评论