UI 组件类型 · 复合组件 / App Bar
App Bar
结合品牌、导航、页面标题和全局操作的应用顶部栏。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 导航与路径
What · 是什么
- 定义
- 结合品牌、导航、页面标题和全局操作的应用顶部栏。
- 组成与状态
- 容器 + 子组件/部件 + 状态协调 + 操作反馈 + 错误/空状态(按需)
Why · 为什么
- 作用
- 组织子组件、管理局部状态和交互顺序,并保持组合后的语义与可访问性。
Where · 在哪里
- 适用场景
- 导航与方向感、Default、Focused、Disabled、Loading
How · 怎么做
- 检查清单
- 是否有清晰的阅读顺序、焦点顺序和退化方案;子组件状态是否一致;长内容、错误、加载和空状态是否可用。
Lifecycle · 生命周期
- 状态
- 启用
Relation · 关联
- 相关内容
- 导航与方向感
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- 导航与方向感Navigation & Orientation应用于
通过全局导航、局部导航、面包屑和当前状态帮助用户定位。
- 导航与路径Navigation & Wayfinding属于
帮助用户移动、定位、切换上下文和理解信息层级的组件。
- ActionAction反向 · 属于
承载解决问题或继续任务的操作
- TitleTitle反向 · 属于
概括提示原因或结论的标题
- DefaultDefault应用于
默认状态,组件可被使用但没有额外交互反馈。
- DisabledDisabled应用于
组件暂时不可操作的状态。
- FocusedFocused应用于
键盘或其他输入方式当前定位到组件的状态。
- LoadingLoading应用于
组件正在等待异步结果的状态。