HarmonyOS APP开发入门3——组件（七 进度条组件 ）——ProgressBar进度条组件

HarmonyOS APP开发入门3——组件（七 进度条组件 ）——ProgressBar进度条组件

ProgressBar进度条组件

ProgressBar用于显示内容或操作的进度，常见app中，下载进度条，完成任务的进度条等都会用到。

支持的XML属性

属性名称	功能说明
orientation	进度条的摆放 horizontal：水平 vertical：垂直
progress_color	进度条颜色
progress_width	进度条粗细
progress	当前的进度值
max	进度最大值
min	进度最小值
progress_hint_text	进度条文字
progress_hint_text_size	进度条文字大小
progress_hint_text_color	进度条文字颜色
progress_hint_text_alignment	进度条文字对齐方式

常见方法

方法名	功能说明
setOrientation(int orientation)	方向
setProgressWidth(int progressWidth)	进度条的粗细
setMaxValue(int max)	最大进度值
setMinValue(int min)	最小进度值
setProgressValue(int progress)	当前的进度值
setViceProgress(int progress)	次一级进度条 （看电影时有个进度，电影的提前缓冲也有个进度。）

创建ProgressBar

在layout目录下的xml文件中创建一个ProgressBar。

<ProgressBar
    ohos:id="$+id:progressbar"
    ohos:progress_width="10vp"
    ohos:height="60vp"
    ohos:width="600vp"
    ohos:max="100"
    ohos:min="0"
    ohos:progress="60"/>

设置ProgressBar

设置ProgressBar方向为垂直

<ProgressBar
    ohos:orientation="vertical"
    ohos:top_margin="20vp"
    ohos:height="150vp"
    ohos:width="60vp"
    ohos:id="$+id:progressbar"
    ohos:progress_width="10vp"
    ohos:max="100"
    ohos:min="0"
    ohos:progress="60"/>

设置当前进度(xml)

<ProgressBar
    ...
    ohos:progress="60"/>

设置当前进度(java)

ProgressBar progressBar = (ProgressBar) findComponentById(ResourceTable.Id_progressbar);
progressBar.setProgressValue(60);

设置最大值和最小值(xml)

<ProgressBar
    ...
    ohos:max="400"
    ohos:min="0"/>

设置最大值和最小值(java)

progressBar.setMaxValue(400);
progressBar.setMinValue(0);

设置ProgressBar的颜色

设置ProgressBar进度颜色

<ProgressBar
    ...
    ohos:progress_element="#FF9900" />

设置ProgressBar底色颜色

<ProgressBar
    ...
    ohos:background_instruct_element="#FFFFFF" />

设置ProgressBar提示文字

<ProgressBar
    ...
    ohos:progress_hint_text="20%"
    ohos:progress_hint_text_color="#FFCC99" />

喜欢本博文可以点个关注了解更多哦！！！！