浮动操作按钮 (FAB) 代表页面中的主要操作。但是,它不仅限于单个操作。它也可以包含任意数量的子操作。更重要的是,它也可以在您的页面或布局中内联使用。
请注意,您不需要 QLayout 即可使用 FAB。
用法
FAB 有两种类型:可扩展的(具有子操作)和不可扩展的。
提示
有关选项的完整列表,请阅读 API 卡片(在本页顶部)。
不可扩展
如果您想要一个不可扩展的 FAB,您只需要一个圆形按钮 - 如果在 QLayout 上使用,则将其包裹在 QPageSticky 中。
可扩展
内部标签
当标签位于内部且您的 QFab 垂直打开(向上或向下)时,您还可以选择如何垂直对齐子操作
外部标签
默认情况下,当标签位于主 QFab(而不是子操作)的外部时,它仅在 QFab 打开时显示。但是,您可以通过为 hide-label
属性设置布尔值来覆盖它。
隐藏图标
如果我们隐藏图标(通过特定属性),我们至少应该使用内部标签
填充
QFab 的默认填充为“md”,QFabAction 的默认填充为“sm”。但是,您可以使用 padding
属性自定义它(也接受 CSS 单位)
方形样式
插槽v2.4+
请注意下面 QFab 的插槽和 QFabAction 的插槽
使用 QPageSticky
可拖动
下面是一个使用 TouchPan 使 QFab 能够在屏幕上拖动的很好的例子。