标签栏
标签栏是一种非常常见的导航方式,用于在应用程序中切换不同的视图或页面。
类型
纯文本标签栏
纯图标标签栏
图标 + 文字标签栏
特殊标签栏
如何使用
标签栏是一种非常常见的导航方式,使用时应注意标签数量应控制在 2 - 5 个之间,选中状态应突出强调。
状态
- 默认状态(Normal):未选择的标签栏项通常会显示为默认状态。
- 活动状态(Active):当前被选中或打开的标签栏项,被视为活动状态。通常,该标签栏项会使用视觉上的强调,例如颜色凸显、使用亮色背景或者使用底部小线条等效果。
- 提示状态(Notice):当功能有新消息提示时,标签栏项也可能会出现徽标或数字。
布局
标签数量应控制在 2 - 5 个之间,标签栏高度保持固定,宽度按标签数量平均分配。
与页面布局相关
标签栏通常位于屏幕的底部安全区上方,这个位置对于用户来说更加自然和易于访问。