ProgressRing QML Type
一个圆形进度条组件,用于表示任务的进度。. More...
Import Statement: | import FluentUI.Controls 1.0 |
Properties
- _progress : real
- _radius : real
- background.color : color
- clip : bool
- duration : int
- indeterminate : bool
- strokeColor : color
- strokeWidth : real
Signals
Detailed Description
`ProgressRing` 组件是一个可视化的圆形进度条,支持确定和不确定状态。它可以显示进度,或者在不确定状态下显示动画。组件的外观根据主题自动调整。
示例用法:
ProgressRing { indeterminate: true duration: 2000 strokeWidth: 6 onIndeterminateChanged: { console.log("Indeterminate state changed:", indeterminate); } }
Property Documentation
_progress : real |
进度条的当前进度,范围从 `0.0` 到 `1.0`。如果处于不确定状态,则为 `0.0`。
_radius : real |
进度条的半径,计算方式为 `control.width / 2 - d.strokeWidth / 2`。
background.color : color |
进度条背景的颜色。根据主题自动调整。
clip : bool |
是否裁剪进度条超出边界的部分。默认为 `true`。
duration : int |
不确定状态下动画的持续时间(以毫秒为单位)。默认为 `2000`。
indeterminate : bool |
指示进度条是否处于不确定状态。默认为 `false`。
strokeColor : color |
进度条的颜色,根据主题的强调色设置。
strokeWidth : real |
进度条的宽度(以像素为单位)。默认为 `6`。
Signal Documentation
void rightTap() |
进度条被右键点击时发出的信号。
Note: The corresponding handler is onRightTap
.
void tap() |
进度条被点击时发出的信号。
Note: The corresponding handler is onTap
.