zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

Harmony OS — RoundProgressBar圆形进度条

HarmonyOS 进度条 圆形
2023-09-14 09:13:54 时间

1、RoundProgressBar 是什么?

简单:圆形进度条
官方:RoundProgressBar继承自ProgressBar,拥有ProgressBar的属性,在设置同样的属性时用法和ProgressBar一致,用于显示环形进度。

2、简单使用

在这里插入图片描述

    <RoundProgressBar
        ohos:id="$+id:round_progress_bar"
        ohos:height="200vp"
        ohos:width="200vp"
        ohos:progress_width="10vp"
        ohos:progress="20"
        ohos:progress_color="#47CC47"/>

3、设置 RoundProgressBar样式

在这里插入图片描述

    <RoundProgressBar
        ohos:id="$+id:round_progress_bar"
        ohos:height="200vp"
        ohos:width="200vp"
        ohos:progress_width="10vp"
        ohos:start_angle="45"
        ohos:max_angle="270"
        ohos:progress="20"
        ohos:progress_hint_text="Round"
        ohos:progress_hint_text_color="#007DFF"
        ohos:progress_color="#47CC47"/>

4、更多

RoundProgressBar 更多