Harmony OS — RoundProgressBar圆形进度条

文章目录1、RoundProgressBar 是什么？2、简单使用3、设置 RoundProgressBar样式4、更多1、RoundProgressBar 是什么？简单：圆形进度条官方：RoundProgressBar继承自ProgressBar，拥有ProgressBar的属性，在设置同样的属性时用法和ProgressBar一致，用于显示环形进度。2、简单使用<RoundProgress

王睿丶

421人浏览 · 2021-06-28 20:41:24

王睿丶 · 2021-06-28 20:41:24 发布

文章目录

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"/>