(4.1.43.1)design support library:浮动操作按钮Floating action button (FAB)
2016-10-08 14:24
429 查看
Floating action
button (FAB) 是一个带有环状阴影的圆形按键,位于 UI 之上,用于显示常用的操作,比如添加新条目、编写邮件等。
Android Reference 文档中关于 FloatingActionButton 的部分指出,floating
button 有两种大小可选:1、普通(56dp);2、迷你(40dp)。
注意 :
FloatingActionButton 只是一个扩展于 ImageView 的 view。
首先,在 gradle 文件中添加如下一行以添加 Android support library:
在 xml 布局文件中添加 FloatingActionButton。此处假设以下
采用与 ImageView 或 Button 相同的方法,为 FAB 添加点击事件。
以上!
values-v21/dimens.xml
布局文件的 FAB 中,也设置相应的值。
Issues 2: Android 5.0 中阴影显示
再看一遍上面的截图,会发现 Kitkat 中有阴影显示,而 Lollipop 中并没有。在 Lollipop 上,可以直接在 FAB 中设置:
Issues 3: FAB 中没有旋转动画
button (FAB) 是一个带有环状阴影的圆形按键,位于 UI 之上,用于显示常用的操作,比如添加新条目、编写邮件等。
Android Reference 文档中关于 FloatingActionButton 的部分指出,floating
button 有两种大小可选:1、普通(56dp);2、迷你(40dp)。
FloatingActionButton 只是一个扩展于 ImageView 的 view。
添加 Android design support library
首先,在 gradle 文件中添加如下一行以添加 Android support library:
Step 1
在 xml 布局文件中添加 FloatingActionButton。此处假设以下
Step 3
采用与 ImageView 或 Button 相同的方法,为 FAB 添加点击事件。再看一遍上面的截图,会发现 Kitkat 中有阴影显示,而 Lollipop 中并没有。在 Lollipop 上,可以直接在 FAB 中设置:
相关文章推荐
- design support library第一部分 – 浮动操作按钮__FloatingActionButton
- Android材料设计兼容函数库(Design Support Library)(II)浮动操作按钮(Floating Action Button)
- Android Design Support Library之FAB(Floating Action Button)
- Android Design Support Library--FloatingActionButton及其Behavior的使用
- 如何使用Design Support Library提供的FloatingActionButton
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- Android Design Support Library - FloatingActionButton
- Android FloatingActionButton 完全解析[Design Support Library(2)]
- Android Design Support Library--FloatingActionButton及其Behavior的使用
- FloatingActionButton 完全解析[Design Support Library(2)]
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- FloatingActionButton 完全解析[Design Support Library(2)]
- FloatingActionButton 完全解析[Design Support Library(2)]
- FloatingActionButton 完全解析[Design Support Library(2)]
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- android_design support library_FloatingActionButton
- Android Design Support Library(1)- FloatingActionButton的使用
- Android Design Support Library——Floating Action Button
- FloatingActionButton 完全解析[Design Support Library(2)]
- FloatingActionButton 完全解析[Design Support Library(2)]