浮动操作按钮

浮动操作按钮

浮动操作按钮用于强调重要操作。它是漂浮在界面上方的圆形图标，能够执行形变、展开、改变位置等动态效果。

浮动操作按钮具有两种尺寸：

• 默认尺寸：适用于大多数情况
• 迷你尺寸：仅用于创建与其他屏幕元素的视觉连续性

当屏幕宽度为 460dp 或更小时，浮动操作按钮的尺寸应从默认尺寸（56dp）变为迷你尺寸（40dp）。

横向切换屏幕

跨越多个横向屏幕（例如选项卡式屏幕）的浮动操作按钮，如果其操作发生变化，则应短暂消失，然后重新出现。

如果按钮的操作在各个屏幕上保持不变，则应保留在屏幕上（如果需要，可平移至新位置）。

列表

浮动操作按钮下方的列表应有足够的内边距，以免其内容被按钮遮挡。

选项卡式屏幕

在选项卡式屏幕上，浮动操作按钮不应与内容朝同一方向退出屏幕。这可以防止：

• 浮动操作按钮在不可用时看起来仍可用
• 让人误以为浮动操作按钮与内容处于同一海拔高度

触发器

浮动操作按钮可以简单地触发一个操作或导航到某处。触摸涟漪动效作为导致 UI 变化的力向外展开。

工具栏

浮动操作按钮可以在按下时变形为工具栏，或在滚动时从工具栏变回。工具栏可以包含相关操作、文本和搜索字段，或任何其他手头可能有用的项目。

快速拨号

浮动操作按钮可以在按下时展开相关操作。呼出菜单后，按钮应保留在屏幕上。点击同一位置应激活最常用的操作，或关闭已打开的菜单。

形变

浮动操作按钮可以变形为应用结构的一部分的面板。这种显著的转变强调了按钮所启用的操作。

当对浮动操作按钮进行形变时，应以合乎逻辑的方式在起始和结束位置之间过渡。例如，不要穿过其他面板。

形变动画应该是可逆的，可以将新面板变回浮动操作按钮。

全屏

浮动操作按钮可以变形为覆盖整个屏幕的新面板。

这种类型的显著转变通常与创建新内容相关。因此，它往往没有撤销转变的方法或可逆的动画。