在某些情况下，按钮可以旋转出来并暴露其他几个选项(如下面的Evernote示例所示)。 FAB可以用一系列更具体的操作来替代自己，并且可以将它们设计为用户的语境。但请记住：

　　1. 这些操作必须与FAB本身所表达的主要操作相关联：如果它们位于工具栏上，不要将这些的操作视为独立的。

　　2. 作为一般规则，按新闻至少有三个选项，但不得超过六个，包括原始悬浮按钮目标。

　　悬浮按钮会抛出相关的操作。

　　FAB可以转变成新的界面

　　FAB不仅仅是一个圆形按钮，它还具有一些变革性的属性，你可以用它来帮助用户从一个屏幕到另一个屏幕。悬浮按钮可以转换为作为应用程序结构部分的视图。

　　FAB可以改善屏幕之间的转换

　　当悬浮按钮变形时，以逻辑方式在开始和结束位置之间转换。例如，下面的示例中的动画维护用户的方向感，并帮助用户了解视图布局中刚刚发生的更改，如果需要更改内容，稍后再次启动更改。

　　图片来源：Ehsan Rahimi

　　滚动时可以隐藏FAB

　　当向下滚动(如果阻碍用户阅读内容)，FAB可以被隐藏。在下面的例子中，FAB需要可以移出方式，以便列表项的所有部分实际上都可以访问。

　　隐藏FAB以最大化专用于列表的视口区域。图片来源：Juliane Lehmann

　　Android的中等应用程序是使用此技术的一个很好的例子。心脏按钮消失在滚动，只有当喜欢文章的读者想要使用按钮时，在文章结尾达到时才会重新出现。

　　结论

　　如果要在应用程序中使用FAB，则必须仔细考虑应用程序的设计，并将用户的可能操作归结为一个最突出的功能。正确使用FAB，最终会给用户带来惊人的帮助。

　　感谢您的阅读!

　　原文地址：

　　https://uxplanet.org/floating-action-button-in-ux-design-7dd06e49144e