harmony 鸿蒙底部页签

  • 2023-06-24
  • 浏览 (625)

底部页签

底部页签是一种常见的界面导航控件,通过它用户可以快捷的访问应用的不同模块。 2_zh-cn_image_0000001568412805.png

如何使用

  • 仅在一级界面上使用,用于快速切换不同页签的内容。

  • 放置在屏幕底部,体现应用的一级分类,这些分类以平等的方式呈现。使用底部页签也方便用户单手操作。

  • 底部页签上的每一个页签,都是图标+文本的形式,用户单击页签时,该页签会被激活,视觉上会高亮显示。

  • 在平板上的横屏界面,底部页签通常会转化为侧边页签,方便用户双手握持操作。

  • 底部页签上的文本要精练,不要使用太长的字符串。

  • 为了避免页面拥挤,底部页签的展示数量不宜过多,建议在2-5个之间。

  • 底部页签上允许有新事件标记,用于通知用户该页签下有新的内容或消息,详见“多态控件”>“新事件标记”

4_zh-cn_image_0000001517612876.png

  • 在平板上,底部页签通常会转化为侧边页签,方便用户双手握持操作。

  • 底部页签个数在2-5个之间。

  • 底部页签采用图标+文本的构成形式。

资源

底部页签相关的开发文档详见容器组件“Tabs”“TabContent”

你可能感兴趣的鸿蒙文章

harmony 鸿蒙OpenHarmony应用UX设计规范

harmony 鸿蒙自适应布局

harmony 鸿蒙动效属性

harmony 鸿蒙设计原则

harmony 鸿蒙概述

harmony 鸿蒙应用导航结构设计要求

harmony 鸿蒙应用页面结构设计

harmony 鸿蒙应用UX设计原则

harmony 鸿蒙标注图

harmony 鸿蒙设计自检表

0  赞