HarmonyOS之常用组件RoundProgressBar的功能和使用
【摘要】
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)