Logo FluentUI

ProgressRing QML Type

一个圆形进度条组件,用于表示任务的进度。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

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.