Tab 选项卡
Last updated
Last updated
TAB栏让用户可以在不同子任务、视图、模式之间切换,它具有全局导航的作用,是全局功能的主要展示和切换区域,一个TAB标记一个核心功能,TAB之间可以快速点击切换。
1、标签栏 Tab Bar
2、底部栏 App Tab
使用规则:
横滑tab必须吸顶显示,在用户横滑时,可以得到明显的滑动反馈。
横滑tab可在页面中间使用,但下方只有一个控制模块,即下方内容统一由该tab控制,如不能出现其他tab等等。
横滑tab下方不能有其他横向滑动的模块,以免滑动互斥,如下方不能出现左滑删除的控件。
文字类型
ICON类型
扩展类型
在一些共同的情况,如时间或场次tab的滑动,为了达到营销效果,可以作相应的视觉处理,但是要保留滑动横条的视觉元素。
吸底显示,适用于在独立的垂直频道。不同tab间为不同功能模块,关联性较弱。
1、不支持横滑手势切换tab,只能依靠点击来切换内容
2、选项最多不超过5个,设计为固定tab。
ICON类型
文字类型
菜单类型