HarmonyOS APP - RoundProgressBar体验与分享 原创
RoundProgressBar用于显示环形进度
代码如下
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical"
ohos:background_element="#FF000000">
<DirectionalLayout
ohos:height="0px"
ohos:width="match_parent"
ohos:weight="1">
<RoundProgressBar
ohos:id="$+id:round_progress_bar"
ohos:height="200vp"
ohos:width="200vp"
ohos:progress_width="10vp"
ohos:progress="20"
ohos:progress_color="#47CC47"
ohos:layout_alignment="center"/>
</DirectionalLayout>
<DirectionalLayout
ohos:height="0px"
ohos:width="match_parent"
ohos:weight="1">
<RoundProgressBar
ohos:height="200vp"
ohos:width="200vp"
ohos:progress_width="10vp"
ohos:progress="20"
ohos:progress_color="#47CC47"
ohos:start_angle="45"
ohos:max_angle="270"
ohos:progress_hint_text="加载中。。。"
ohos:progress_hint_text_color="#007DFF"
ohos:layout_alignment="center" />
</DirectionalLayout>
</DirectionalLayout>
完整代码地址:
https://gitee.com/jltfcloudcn/jump_to/tree/master/jltf_RoundProgressBar_component