HarmonyOS之常用组件RoundProgressBar的功能和使用

Posted 2021-08-31 Forever_wj

• RoundProgressBar 继承自 ProgressBar，拥有 ProgressBar 的属性，在设置同样的属性时用法和 ProgressBar 一致，用于显示环形进度。
• RoundProgressBar 的共有 XML 属性继承自 ProgressBar，ProgressBar 的使用请参考我的博客：HarmonyOS之常用组件ProgressBar的功能和使用。
• RoundProgressBar 的自有 XML 属性见下表：

属性名称	中文描述	取值	取值说明	使用案例
start_angle	圆形进度条的起始角度	float类型	可以直接设置浮点数值，也可以引用float浮点数资源	ohos:start_angle=“10" ohos:start_angle=”$float:float_num"
max_angle	圆形进度条的最大角度	float类型	可以直接设置浮点数值，也可以引用float浮点数资源	ohos:max_angle=“360.0" ohos:max_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"/>

• • 创建 RoundProgressBar 效果：

• 设置开始和结束角度：

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

• • 设置角度效果：