FloatingActionButton
0. 序言
- FloatingActionButton简称FAB，是Android MD设计规范中的一个控件。中文名称：浮动操作按钮
- FAB继承自ImageView
- 它在页面中特别的引人注目，所以在使用的时候最好慎重，只在必要的时候才去使用它，它能提供的应该是一个比较高频的操作。
官方提供的fab样子实例
1. 一些常用属性
| 属性 | 作用 |
|---|---|
app:backgroundTint |
fab的背景色 |
app:rippleColo |
点击fab时候的Ripple效果的颜色 |
app:fabSize |
fab的大小:auto、normal、mini。对应的FAB大小分别为56dp和40dp |
app:borderWidth |
边框大小 |
app:elevation |
z轴的高度默认是 6dp |
app:pressedTranslationZ |
z轴的偏移量默认是 12dp |
android:src |
fab的图标。建议符合Design设计的该图标大小为24dp。 |
app:layout_anchor |
设置FAB的锚点，即以哪个控件为参照点设置位置。 |
app:layout_anchorGravity |
设置FAB相对锚点的位置，值有 bottom、center、right、left、top等 |
anchorGravity属性为center|left时候的效果
2. 常用方法
| 方法 | 作用 |
|---|---|
void show() |
显示按钮 |
void hide() |
隐藏按钮 |
boolean isShown() |
继承自View控件，返回显示状态 |
void setOnClickListener(OnClickListener) |
继承自View控件，单击监听 |
3. 官方的使用推荐
- 尺寸要按照标准来，不要轻易修改它的样式。
- 点击和按压的时候，将焦点上的颜色加深，以表示是一个点击。
- 不要过度使用 FAB ，它应该用于当前页面最主要的操作，每个页面最好只有一个 FAB。
- FAB 因为太抢眼，最好对其设定一些积极的操作，例如：创建、分享等，避免对其进行一些轻微和破坏性的操作，例如：删除等。
- 推荐只使用一个 FAB ，如果需要多个操作，可以点击后将它展开显示更多操作按钮。
4. 相关的第三方库
- 滑动自动显示隐藏FAB
https://github.com/makovkastar/FloatingActionButton - FAB菜单。点击一个FAB弹出好多个FAB组
https://github.com/futuresimple/android-floating-action-button
