openharmony容器组件之Badge

lplj717

已于 2022-08-09 10:20:34 修改

阅读量214

点赞数

分类专栏： openharmony 文章标签： openharmony harmonyos 华为 eTS

于 2022-08-09 10:17:01 首次发布

本文链接：https://blog.csdn.net/lplj717/article/details/126242099

版权

本文介绍了OpenHarmony中的Badge组件，用于展示事件信息。Badge组件可通过设置`count`来指定提醒消息数，`position`来设定提示点的位置，如RightTop、Right、Left。同时，可以设置`maxCount`限制显示的最大消息数，并通过`style`调整文本颜色、尺寸、圆点颜色和尺寸等样式。

摘要由CSDN通过智能技术生成

Badge：新事件标记组件，在组件上提供事件信息展示能力
Badge(value: {count: number, position?: BadgePosition, maxCount?: number, style?: BadgeStyle})

count：设置提醒消息数
position：设置提示点显示位置(BadgePosition)
   BadgePosition：RightTop（圆点显示在右上角），Right（圆点显示在右侧纵向居中），Left（圆点显示在左侧纵向居中）
maxCount：最大消息数，超过最大消息时仅显示maxCount+
style：Badge组件可设置样式，支持设置文本颜色、尺寸、圆点颜色和尺寸（BadgeStyle）
   BadgeStyle：
       color 文本颜色
       fontSize 文本大小
       badgeSize   badge的大小
       badgeColor   badge的颜色

效果如图：