RoundProgressBar

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

支持的XML属性

RoundProgressBar的共有XML属性继承自:ProgressBar

RoundProgressBar的自有XML属性见下表:

属性名称 中文描述 取值 取值说明 使用案例
start_angle 圆形进度条的起始角度 float类型 可以直接设置浮点数值,也可以引用float浮点数资源。 ohos:start_angle="10"ohos:start_angle="$float:float_num"
max_angle 圆形进度条的最大角度 float类型 可以直接设置浮点数值,也可以引用float浮点数资源。 ohos:start_angle="360.0"ohos:start_angle="$float:float_num"
  • 创建RoundProgressBar

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

    图1 创建RoundProgressBar效果 点击放大

  • 设置开始和结束角度

    <RoundProgressBar    ...    ohos:start_angle="45"    ohos:max_angle="270"    ohos:progress="20"    ohos:progress_hint_text="Round"    ohos:progress_hint_text_color="#007DFF" />
    

    图2 设置角度效果 点击放大

results matching ""

    No results matching ""