HarmonyOS开发28：ProgressBar进度条组件基本用法

组件说明：

常见app中，下载进度条，完成任务的进度条等都会用到

常见属性：

属性名称	功能说明
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)	次一级进度值 （看电影时有个进度，电影的提前缓冲也有个进度。）

基本用法

ability_main.xml代码：

<?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:alignment="center"
    ohos:orientation="vertical">

    <ProgressBar
        ohos:id="$+id:pb"
        ohos:height="match_content"
        ohos:width="300vp"
        ohos:progress="0"
        ohos:progress_hint_text="0%"
        ohos:progress_hint_text_color="#FF000000"
        ohos:progress_width="50vp"
        ohos:progress_color="#FFB56447"
        ohos:max="100"
        ohos:min="0"
        />

</DirectionalLayout>

MainAbilitySlice.java代码：

package com.example.progressbarapplication.slice;

import com.example.progressbarapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.ProgressBar;

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        
        //1.找到进度条组件
        ProgressBar pb = (ProgressBar) findComponentById(ResourceTable.Id_pb);

         //2.给进度条绑定一个单击事件
        pb.setClickedListener(this);
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }

    @Override
    public void onClick(Component component) {
        //进度条值+5
        //两种方法，（1）把pd移到成员位置     （2）形参强转
        ProgressBar pb = (ProgressBar) component;
        int progress = pb.getProgress();
        if(progress>=100){
            return;
        }
        progress += 5;
        pb.setProgressValue(progress);
        //修改提示文字
        pb.setProgressHintText(progress + "%");
    }
}

效果：