想了解更多內(nèi)容，請(qǐng)?jiān)L問(wèn)：
創(chuàng)新互聯(lián) - 多線服務(wù)器托管，四川服務(wù)器租用，成都服務(wù)器租用，四川網(wǎng)通托管,綿陽(yáng)服務(wù)器托管，德陽(yáng)服務(wù)器托管，遂寧服務(wù)器托管，綿陽(yáng)服務(wù)器托管，四川云主機(jī)，成都云主機(jī)，西南云主機(jī)，多線服務(wù)器托管，西南服務(wù)器托管，四川/成都大帶寬，大帶寬服務(wù)器，四川老牌ＩＤＣ服務(wù)商
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.
1. ProgressBar進(jìn)度條組件
組件說(shuō)明：
常見(jiàn)app中，下載進(jìn)度條，完成任務(wù)的進(jìn)度條等都會(huì)用到。
常見(jiàn)屬性：
常見(jiàn)方法：
基本用法：
-
- ohos:id="$+id:pb"
- ohos:height="match_content"
- ohos:width="300vp"
- ohos:progress="0"
- ohos:progress_hint_text="0%"
- ohos:progress_hint_text_color="#000000"
- ohos:progress_width="50vp"
- ohos:progress_color="red"
- ohos:max="100"
- ohos:min="0"/>
- ohos:progress="50"：表示進(jìn)度條里面真正的進(jìn)度，50表示一半是有顏色的，另外一半沒(méi)有顏色，表示進(jìn)度條有了50%
- ohos:progress_hint_text="0%"：跟進(jìn)度條里面的進(jìn)度是沒(méi)有關(guān)系的，它只是設(shè)置進(jìn)度條上面的提示文字
- 一般寫(xiě)的時(shí)候，會(huì)保證 progress 和 progress_hint_text 的值是一致的
- ohos:progress_width="50vp"：表示進(jìn)度條的粗細(xì)
- max、min 表示最大最小，最大一般為100，最小一般為0
- 運(yùn)行，發(fā)現(xiàn)進(jìn)度條上面的提示文字為 0%，而且真正的進(jìn)度也是 0
把上面的進(jìn)度條和提示文字都改為 80。
運(yùn)行后：
一般在上傳或下載的時(shí)候經(jīng)常用到進(jìn)度條，下載的文字的百分比會(huì)不斷地改變進(jìn)度條里面的值。
2. ProgressBar案例——點(diǎn)擊進(jìn)度條增加實(shí)際進(jìn)度值
需求分析：
- 每單擊一次進(jìn)度條組件時(shí)，進(jìn)度條就加 5% 的進(jìn)度
- 給進(jìn)度條組件綁定一個(gè)單擊事件
- 案例：ProgressBarApplication
- 也可以在布局的下面添加一個(gè)按鈕，給按鈕綁定單擊事件，當(dāng)按鈕每點(diǎn)一次，進(jìn)度條的百分比就加5%
ability_main
-
-
- xmlns:ohos="http://schemas.huawei.com/res/ohos"
- ohos:height="match_parent"
- ohos:width="match_parent"
- ohos:alignment="center"
- ohos:orientation="vertical">
-
-
- ohos:id="$+id:pb"
- ohos:height="match_content"
- ohos:width="300vp"
- ohos:progress="0"
- ohos:progress_hint_text="0%"
- ohos:progress_hint_text_color="#000000"
- ohos:progress_width="50vp"
- ohos:progress_color="red"
- ohos:max="100"
- ohos:min="0"/>
-
-
下面就直接給進(jìn)度條去綁定單擊事件，當(dāng)用鼠標(biāo)點(diǎn)擊進(jìn)度條ProgressBar后，就會(huì)執(zhí)行onClick方法。
MainAbilitySlice
- package com.xdr630.progressbarapplication.slice;
-
- import com.xdr630.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.找到進(jìn)度條組件
- ProgressBar pb = (ProgressBar) findComponentById(ResourceTable.Id_pb);
-
- //2.給進(jìn)度條綁定一個(gè)單擊事件
- pb.setClickedListener(this);
- }
-
- @Override
- public void onActive() {
- super.onActive();
- }
-
- @Override
- public void onForeground(Intent intent) {
- super.onForeground(intent);
- }
-
- @Override
- public void onClick(Component component) {
- //把進(jìn)度條里面的值 + 5
- //獲取進(jìn)度條里面原本的值
- //兩種獲取進(jìn)度條組件的方式：
- //1.把onStart方法的pb移動(dòng)到成員位置
- //2.onClick方法的形參，也表示被點(diǎn)擊的組件對(duì)象
- //下面就使用第二種來(lái)實(shí)現(xiàn)
- //強(qiáng)轉(zhuǎn)
- ProgressBar pb = (ProgressBar) component;
- //獲取進(jìn)度條里面原本的值
- int progress = pb.getProgress();
- //把進(jìn)度條里面的值 + 5
- progress = progress + 5;
- //再給進(jìn)度條設(shè)置進(jìn)度
- pb.setProgressValue(progress);
- //再修改下提示的文字
- pb.setProgressHintText(progress + "%");
- }
- }
運(yùn)行，每點(diǎn)擊一次進(jìn)度條組件，就會(huì)增加 5% 進(jìn)度。
- 發(fā)現(xiàn)當(dāng)點(diǎn)擊到100%時(shí)，再點(diǎn)擊一次，就會(huì)到 105%，而進(jìn)度條的背景色沒(méi)有增加。
- 在 xml 文件中，給進(jìn)度條組件設(shè)置的值最大100，最小0，按理說(shuō)是不會(huì)超過(guò) 100 值的大小的。
bug 修復(fù)：當(dāng)進(jìn)度條的值超過(guò) 100 后，就不要去增加進(jìn)度條的值了。當(dāng)
運(yùn)行后，進(jìn)度值到了100%就不會(huì)再增加了。progress 大于等于 100 后，就直接 return，后面的代碼就不會(huì)執(zhí)行了 。
3. RoundProgressBar進(jìn)度條
使用方式和ProgressBar是一樣的。
是ProgressBar的子類，只是顯示的方式不同。
查看 RoundProgressBar 組件，發(fā)現(xiàn)是繼承了 ProgressBar 組件的。
基本使用：
-
-
- xmlns:ohos="http://schemas.huawei.com/res/ohos"
- ohos:height="match_parent"
- ohos:width="match_parent"
- ohos:alignment="center"
- ohos:orientation="vertical">
-
-
- ohos:height="300vp"
- ohos:width="300vp"
- ohos:progress_hint_text="80%"
- ohos:progress_hint_text_size="50vp"
- ohos:progress_hint_text_color="#000000"
- ohos:progress="80"
- ohos:progress_width="20vp"
- ohos:progress_color="red"
- ohos:max="100"
- ohos:min="0"/>
-
上面的案例也同樣可以使用RoundProgressBar組件來(lái)實(shí)現(xiàn)，基本一致的效果，只是顯示的方式不同而已。
想了解更多內(nèi)容，請(qǐng)?jiān)L問(wèn)：
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.
當(dāng)前題目：HarmonyOS實(shí)戰(zhàn)—ProgressBar進(jìn)度條組件基本使用
文章來(lái)源：
http://uogjgqi.cn/article/dpgdiss.html
