标签栏

更新时间:
2023-10-30
下载文档

标签栏

标签栏是一种非常常见的导航方式,用于在应用程序中切换不同的视图或页面。

类型

纯文本标签栏
纯图标标签栏
图标 + 文字标签栏
特殊标签栏

如何使用

标签栏是一种非常常见的导航方式,使用时应注意标签数量应控制在 2 - 5 个之间,选中状态应突出强调。

状态

标签栏状态

  1. 默认状态(Normal):未选择的标签栏项通常会显示为默认状态。
  2. 活动状态(Active):当前被选中或打开的标签栏项,被视为活动状态。通常,该标签栏项会使用视觉上的强调,例如颜色凸显、使用亮色背景或者使用底部小线条等效果。
  3. 提示状态(Notice):当功能有新消息提示时,标签栏项也可能会出现徽标或数字。

布局

标签数量应控制在 2 - 5 个之间,标签栏高度保持固定,宽度按标签数量平均分配。

与页面布局相关

标签栏通常位于屏幕的底部安全区上方,这个位置对于用户来说更加自然和易于访问。

与页面布局相关

触控区域

文档内容是否对您有所帮助?
有帮助
没帮助