为什么捐赠
API 浏览器
浮动操作按钮

浮动操作按钮 (FAB) 代表页面中的主要操作。但是,它不仅限于单个操作。它也可以包含任意数量的子操作。更重要的是,它也可以在您的页面或布局中内联使用。

请注意,您不需要 QLayout 即可使用 FAB。

加载 QFab API...
加载 QFabAction API...

用法

FAB 有两种类型:可扩展的(具有子操作)和不可扩展的。

提示

有关选项的完整列表,请阅读 API 卡片(在本页顶部)。

不可扩展

如果您想要一个不可扩展的 FAB,您只需要一个圆形按钮 - 如果在 QLayout 上使用,则将其包裹在 QPageSticky 中。

不可扩展



可扩展

可扩展



内部标签

内部标签



切换内部标签



当标签位于内部且您的 QFab 垂直打开(向上或向下)时,您还可以选择如何垂直对齐子操作

垂直操作对齐



外部标签

默认情况下,当标签位于主 QFab(而不是子操作)的外部时,它仅在 QFab 打开时显示。但是,您可以通过为 hide-label 属性设置布尔值来覆盖它。

外部标签



自定义样式的外部标签



切换外部标签



隐藏图标

如果我们隐藏图标(通过特定属性),我们至少应该使用内部标签

隐藏图标



填充

QFab 的默认填充为“md”,QFabAction 的默认填充为“sm”。但是,您可以使用 padding 属性自定义它(也接受 CSS 单位)

使用填充



方形样式

方形样式



插槽
v2.4+

请注意下面 QFab 的插槽和 QFabAction 的插槽

插槽:图标、活动图标和标签



使用 QPageSticky

使用 QPageSticky



可拖动

下面是一个使用 TouchPan 使 QFab 能够在屏幕上拖动的很好的例子。

可拖动