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

举报
Serendipity·y 发表于 2022/02/16 23:14:31 2022/02/16
【摘要】 RoundProgressBar 继承自 ProgressBar,拥有 ProgressBar 的属性,在设置同样的属性时用法和 ProgressBar 一致,用于显示环形进度。RoundProgress...
  • 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
    • 设置角度效果:

在这里插入图片描述

文章来源: blog.csdn.net,作者:Serendipity·y,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/Forever_wj/article/details/119325302

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。