Logo FluentUI

InfoBadge QML Type

显示信息的徽章,支持数字和点标记。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Detailed Description

InfoBadge 组件用于在界面上显示一个徽章,徽章可以显示数字或点。可以配置徽章的颜色、大小,以及是否显示零或溢出计数。

示例用法:

 InfoBadge {
     count: 5
     color: "red"
     dot: false
     showZero: true
     overflowCount: 99
 }

Property Documentation

color : color

徽章的背景颜色。默认为 `Theme.accentColor.defaultBrushFor()`。


count : int

徽章显示的计数值。默认为 0。


dot : bool

是否显示为点标记而不是数字。默认为 `false`。


dotSize : var

点标记的尺寸。默认为 `Qt.size(6,6)`。


implicitHeight : int

徽章的默认高度。根据是否显示为点标记来决定。默认为点标记的高度。


implicitWidth : int

徽章的默认宽度。根据是否显示为点标记来决定。默认为点标记的宽度。


overflowCount : int

当徽章的 `count` 超过此值时,显示为 `overflowCount+`。默认为 99。


showZero : bool

是否显示 `0` 当 `count` 为 0 时。默认为 `false`。