基本定义
概述
选项卡提供了在同一区域呈现多个视图之间的交替展示;用户通过单击某个选项卡来切换展示,一次只能切换展示一个选项卡视图 ;通常用于快速浏览不同视图之间的导航。
构成
- 选项卡标题:描述每个选项卡其中包含的内容,描述应当尽量简洁,建议最多不超过8个字符,字符过长会影响体验。
- 选中状态:一次始终只能选中和展示一个选项卡内容。
- 选项卡数量:在大多数情况下,建议不超过六个选项卡,这保持了UI的整洁,并减少了用户的认知负担。
类型
选项卡分为一级选项卡和次级选项卡两种,它们有层级关系,一级始终大于次级,并可嵌套使用。
- 一级选项卡
- 二级选项卡
类型 | 目的 |
---|---|
一级选项卡 | 默认选项卡,主要用于页面内容切换,始终出现在次级选项卡只上 |
次级选项卡 | 主要用于页面内部模块,始终出现在一级选项卡之后,可以嵌套在一级选项卡内使用 |
用法
什么时候使用
- 您希望让用户在对象详细信息区域中的不同对象方面之间导航;
- 您的业务对象需要同时显示多个方面信息;