Android 5.0新控件 FloatingActionButton | 悬浮按钮 介绍及使用详情
2017-05-03 19:47
711 查看
Android 5.0新控件 FloatingActionButton | 悬浮按钮 介绍及使用详情
extends ImageViewFloating action buttons are used for a special type of promoted action. They are distinguished by a circled icon
floating above the UI and have special motion behaviors related to morphing, launching, and the transferring anchor point.
Google官方对这个控件的大概意思是这是一个用于特殊类型的升级动作的按钮,它们的区别在于浮动在UI上面的圆圈图标,并具有与变形,
启动和转移锚点相关的特殊运动行为。
啥意思呢,看图吧!
谷歌官方对这个控件做了一些常用的规则
不是每个app 都需要FAB,如果需要的话最多也是只要一个FAB即可
FAB的icon应该是表示一个动词,而不能是一个名词
FAB必须得是圆形的icon 不能是其他样子。并且只能是2d平面图。不能带有3d的投影之类的效果
使用方法
FloatingActionButton来自design兼容包,使用需要添加依赖。android studio 添加依赖如下:dependencies { compile ‘com.android.support:design:24.2.0‘ }
1.首先,布局文件添加,里面的属性下面有解释
Step1<android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:layout_marginBottom="40dp" android:layout_marginRight="40dp" android:backgroundTint="@color/red" android:src="@drawable/back" app:borderWidth="0dp" app:elevation="10dp" app:fabSize="auto" app:pressedTranslationZ="20dp" app:rippleColor="@color/colorWrite" />
fab继承imageview,所以点击事件都是一样,这里就不叙述了
2.到这里最基础的搭配使用就ok了,下面贴上一些可以自己定制需求常用的方法
在XML中fab的大小 默认:normal 迷你:mini 自适应:auto app:fabSize 边框宽度,通常设置为0 ,用于解决Android 5.X设备上阴影无法正常显示的问题 borderWidth fab的背景颜色 默认颜色是theme中的colorAccent backgroundTint fab按下波纹效果的颜色 rippleColor 正常显示的阴影大小 app:elevation 点击时显示的阴影大小 app:pressedTranslationZ
在逻辑代码中
隐藏fab hide() 显示fab show() fab按下波纹效果的颜色 setRippleColor()
完整代码点我下载
Thank you
以上仅本人学习中遇到的问题,如有更多意见欢迎随时交流 issuesemail:coderguoy@gmail.com
相关文章推荐
- Android 5.0新控件——FloatingActionButton(悬浮按钮)
- Android 5.0新控件——FloatingActionButton(悬浮按钮)
- Android 5.0新控件 Tablayout | 导航栏 介绍及使用详情
- android 使用FloatActionButton(FAB)悬浮按钮问题
- 【Android - 控件】之MD - FloatingActionButton的使用
- Android开发悬浮按钮 Floating ActionButton的实现方法
- Android自定义可拖拽的悬浮按钮DragFloatingActionButton
- Android 5.0新控件 TextInputLayout | 文字输入布局 介绍及使用详情
- android悬浮按钮(Floating action button)的两种实现方法
- FloatingActionButton(悬浮按钮) 使用及注意点
- Android Design AppBarLayout、NavigationView、FloatingActionButton、CollapsingToolbarLayout等控件的使用
- Android FloatingActionButton(FAB) 悬浮按钮
- Android自定义可拖拽的悬浮按钮---DragFloatingActionButton
- 【Android - 控件】之MD - FloatingActionButton的使用
- FloatingActionButton(悬浮按钮)使用学习<一>
- Android CircularFloatingActionMenu:作为系统级按钮悬浮桌面弹出菜单使用(3)
- Android悬浮按钮的两种实现方法(Floating action button)
- Android 5.0新控件 AppBarLayout | 嵌套布局 介绍及使用详情
- Android CircularFloatingActionMenu:作为系统级按钮悬浮桌面弹出菜单使用(3)
- Android CircularFloatingActionMenu:作为系统级按钮悬浮桌面弹出菜单使用(3)