浮动操作按钮(FAB)和凸起按钮之间的区别

时间:2015-07-24 13:42:50

标签: material-design

了解FAB和凸起按钮之间的使用差异会很有趣。在哪些特定用例中使用这些按钮。 ?

一个例子。 我可以在静态位置使用FAB(它不会滚动内容)吗?

由于

1 个答案:

答案 0 :(得分:6)

看看官方材料指南中有关FAB的内容:(Google design guidelines

  

并非每个屏幕都需要浮动操作按钮。浮动操作按钮表示应用程序中的主要操作。

  

使浮动操作按钮成为积极的操作,例如创建,收藏,共享,导航和探索。

这里是FAB的一些典型例子:

FAB examples

那么在现实世界的应用程序中它是什么样的?我们来看看Gmail:

Gmail for Android

在使用FAB之前,请始终考虑当前屏幕。是否有大多数用户可能使用的操作?这个屏幕有什么意义?您希望用户使用此屏幕做什么?

FAB也可以包含多个动作(虽然它不在官方规格中),这些动作在触摸主FAB后打开。 Evernote应用程序使用它,例如:

Evernote for Android

我希望这会稍微清除FAB的用法。

提升按钮是常规按钮,可在任何需要的地方使用。区分凸起按钮和平面按钮非常重要。材料指南可以帮助您:Material design guidelines