工具栏操作
它把当前页面最常用的操作集中放在一条区域中,便于快速重复使用。
- 放着一排常用操作按钮的栏
- 编辑页面上面那排图标按钮
- 把撤销保存格式放在一起的那条
- 操作工具栏
- 命令栏
- 快捷操作栏
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Toolbar
网页没有原生工具栏组件,需要自行组合按钮并实现整组名称和方向键导航。
通常怎么做:普通少量按钮可直接顺序排列;密集应用式工具栏按 APG Toolbar 模式实现。
iOS原生支持
iOS / iPadOS
Toolbar
SwiftUI: toolbar|UIKit: UIToolbar / UINavigationItem
Android原生支持
Android 手机 / 平板
Toolbar
也叫 Top App Bar · Floating Toolbar
Compose Material 3: TopAppBar / FloatingToolbar
使用规范
什么时候用
- 多个高频操作都与当前页面或选中对象直接相关
什么时候别用
- 只放一个操作、塞入低频命令,或图标没有可理解的标签和提示
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。