Harmony OS — RoundProgressBar圓形進度條

文章目錄

• • 1、RoundProgressBar 是什麼？
  • 2、簡單使用
  • 3、設定 RoundProgressBar樣式
  • 4、更多

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 更多