浮动操作按钮

浮动操作按钮

浮动操作按钮是为了使用户更便于操作。它是漂浮在 UI 上的一个圆形图标，具有一些动态效果，包括变形、弹出、位移等。

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

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

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

横向切换屏幕

在横向切换屏幕后（如标签页切换），如果浮动操作按钮对应的操作变化了，它应该先短暂消失，然后重新出现。

如果屏幕切换后，浮动操作按钮对应的操作不变，那么在切换屏幕时按钮应该保留在屏幕上（如果需要，可以移动到新的位置）。

列表

在浮动操作按钮下面的列表应该有足够的内边距，这样它们的内容才不会被按钮遮住。

带标签的屏幕

对于带有标签的屏幕，浮动操作按钮不应朝着屏幕退出时的同一方向退出屏幕。否则会导致：

• 屏幕上出现一个失灵的浮动操作按钮
• 错误地表明了浮动操作按钮和内容在相同的海拔高度上。

触发器

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

工具栏

浮动操作按钮可以在按下时或从滚动工具栏转换为工具栏。工具栏可以包含相关的操作、文本和搜索框，或任何手边有用的部件。

快速拨号

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

变形

浮动操作按钮可以转变为薄片元素，并成为应用结构的一部分。这个神奇的转变强调了按钮的操作。

当浮动操作按钮变形时，在开始和结束位置之间需要以合理的方式转换。例如，不要穿过其他的薄片元素。

变形动画应该是可逆的，可以将新的薄片元素变回浮动操作按钮。

满屏

浮动操作按钮可以转变为占满整个屏幕的薄片元素。

这种类型的转变通常用来创建新的内容。其结果是，一般没法撤销转变，或进行可逆操作。