当前位置:   article > 正文

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

harmony roundprogressbar
  • 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"/>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
    • 创建 RoundProgressBar 效果:

在这里插入图片描述

  • 设置开始和结束角度:
	<RoundProgressBar
	    ...
	    ohos:start_angle="45"
	    ohos:max_angle="270"
	    ohos:progress="20"
	    ohos:progress_hint_text="Round"
	    ohos:progress_hint_text_color="#007DFF" />
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
    • 设置角度效果:

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/327412
推荐阅读
相关标签
  

闽ICP备14008679号