harmony 鸿蒙新事件标记

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

新事件标记

新事件标记是用来提醒用户应用有待处理请求的控件。

如何使用

  • 新事件标记用于底部页签、列表项、工具栏图标、内容区的分类图标、头像等控件上。

  • 应用中可能有需用户关注的新事件提醒,需要采用新事件标记来标识。

  • 应避免对新事件标记的滥用。用户打开被标记项时,如果看到的内容跟预期不符,就会失去对新事件标记的兴趣,反而降低点击率。

分类

  • 圆点标记

  • 数字标记 |badge_sub_1|badge_sub_2| |——–|——–| |圆点标记|数字标记|

圆点标记

  • 圆点标记适用于标识应用中的次要事件,通常出现在底部页签、列表项、工具栏图标、内容区的分类图标、头像上。点击后,圆点标记消失。

  • 运营活动失效时,对应的圆点标记需主动消失。

  • 纯文字时,新事件红点统一放在文字右侧。

  • 图标+文字时,新事件红点放在图标右上角。 |1_zh-cn_image_0000001517133786.png|2_zh-cn_image_0000001568412853.png|1_zh-cn_image_0000001517612916.png| |——–|——–|——–| |图标+圆点|圆点在列表|圆点在子页签|

数字标记

  • 桌面图标数字标记只显示应用中的主要事件。例如应用市场中有应用更新、活动推广等多种类型的事件,其中应用更新为主要事件,因此在桌面图标上显示应用更新的数字提示。

  • 设置里的“系统更新”用数字,与桌面设置图标的数字标记相对应。 |数字标记1|数字标记2| |——–|——–| |桌面图标数字标记|列表数字标记|

  • 圆点跟随文本宽度自适应,数字最多99+ 数字标记数字规范

资源

新事件标记相关的开发者文档详见容器组件“Badge”

你可能感兴趣的鸿蒙文章

harmony 鸿蒙OpenHarmony应用UX设计规范

harmony 鸿蒙自适应布局

harmony 鸿蒙动效属性

harmony 鸿蒙设计原则

harmony 鸿蒙概述

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

harmony 鸿蒙应用页面结构设计

harmony 鸿蒙应用UX设计原则

harmony 鸿蒙标注图

harmony 鸿蒙设计自检表

0  赞