日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HarmonyOS實(shí)戰(zhàn)—ProgressBar進(jìn)度條組件基本使用

想了解更多內(nèi)容，請訪問：

創(chuàng)新互聯(lián) - 多線服務(wù)器托管，四川服務(wù)器租用，成都服務(wù)器租用，四川網(wǎng)通托管,綿陽服務(wù)器托管，德陽服務(wù)器托管，遂寧服務(wù)器托管，綿陽服務(wù)器托管，四川云主機(jī)，成都云主機(jī)，西南云主機(jī)，多線服務(wù)器托管，西南服務(wù)器托管，四川/成都大帶寬，大帶寬服務(wù)器，四川老牌ＩＤＣ服務(wù)商

和華為官方合作共建的鴻蒙技術(shù)社區(qū)

https://harmonyos.

1. ProgressBar進(jìn)度條組件

組件說明：

常見app中，下載進(jìn)度條，完成任務(wù)的進(jìn)度條等都會用到。

常見屬性：

常見方法：

基本用法：

 
 
 
 
    
  
  
  
  
  1. 
  
  
  
  
  2.         ohos:id="$+id:pb" 
    3. 
  
  
  
  
  3.         ohos:height="match_content" 
    4. 
  
  
  
  
  4.         ohos:width="300vp" 
    5. 
  
  
  
  
  5.         ohos:progress="0" 
    6. 
  
  
  
  
  6.         ohos:progress_hint_text="0%" 
    7. 
  
  
  
  
  7.         ohos:progress_hint_text_color="#000000" 
    8. 
  
  
  
  
  8.         ohos:progress_width="50vp" 
    9. 
  
  
  
  
  9.         ohos:progress_color="red" 
    10. 
  
  
  
  
  10.         ohos:max="100" 
    11. 
  
  
  
  
  11.         ohos:min="0"/>  
    12.
  • ohos:progress="50"：表示進(jìn)度條里面真正的進(jìn)度，50表示一半是有顏色的，另外一半沒有顏色，表示進(jìn)度條有了50%
  • ohos:progress_hint_text="0%"：跟進(jìn)度條里面的進(jìn)度是沒有關(guān)系的，它只是設(shè)置進(jìn)度條上面的提示文字
  • 一般寫的時候，會保證 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)行后：

一般在上傳或下載的時候經(jīng)常用到進(jìn)度條，下載的文字的百分比會不斷地改變進(jìn)度條里面的值。

2. ProgressBar案例——點(diǎn)擊進(jìn)度條增加實(shí)際進(jìn)度值

需求分析：

  1. 每單擊一次進(jìn)度條組件時，進(jìn)度條就加 5% 的進(jìn)度
  2. 給進(jìn)度條組件綁定一個單擊事件
  • 案例：ProgressBarApplication
  • 也可以在布局的下面添加一個按鈕，給按鈕綁定單擊事件，當(dāng)按鈕每點(diǎn)一次，進(jìn)度條的百分比就加5%

ability_main 

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos" 
    4. 
  
  
  
  
  4.     ohos:height="match_parent" 
    5. 
  
  
  
  
  5.     ohos:width="match_parent" 
    6. 
  
  
  
  
  6.     ohos:alignment="center" 
    7. 
  
  
  
  
  7.     ohos:orientation="vertical"> 
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9.     
  
  
  
  
  10.         ohos:id="$+id:pb" 
    11. 
  
  
  
  
  11.         ohos:height="match_content" 
    12. 
  
  
  
  
  12.         ohos:width="300vp" 
    13. 
  
  
  
  
  13.         ohos:progress="0" 
    14. 
  
  
  
  
  14.         ohos:progress_hint_text="0%" 
    15. 
  
  
  
  
  15.         ohos:progress_hint_text_color="#000000" 
    16. 
  
  
  
  
  16.         ohos:progress_width="50vp" 
    17. 
  
  
  
  
  17.         ohos:progress_color="red" 
    18. 
  
  
  
  
  18.         ohos:max="100" 
    19. 
  
  
  
  
  19.         ohos:min="0"/> 
    20. 
  
  
  
  
  20.  
    21. 
  
  
  
  
  21.  
    22.

下面就直接給進(jìn)度條去綁定單擊事件，當(dāng)用鼠標(biāo)點(diǎn)擊進(jìn)度條ProgressBar后，就會執(zhí)行onClick方法。

MainAbilitySlice

 
 
 
 
    
  
  
  
  
  1. package com.xdr630.progressbarapplication.slice; 
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3. import com.xdr630.progressbarapplication.ResourceTable; 
    4. 
  
  
  
  
  4. import ohos.aafwk.ability.AbilitySlice; 
    5. 
  
  
  
  
  5. import ohos.aafwk.content.Intent; 
    6. 
  
  
  
  
  6. import ohos.agp.components.Component; 
    7. 
  
  
  
  
  7. import ohos.agp.components.ProgressBar; 
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9. public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener { 
    10. 
  
  
  
  
  10.     @Override 
    11. 
  
  
  
  
  11.     public void onStart(Intent intent) { 
    12. 
  
  
  
  
  12.         super.onStart(intent); 
    13. 
  
  
  
  
  13.         super.setUIContent(ResourceTable.Layout_ability_main); 
    14. 
  
  
  
  
  14.  
    15. 
  
  
  
  
  15.         //1.找到進(jìn)度條組件 
    16. 
  
  
  
  
  16.         ProgressBar pb = (ProgressBar) findComponentById(ResourceTable.Id_pb); 
    17. 
  
  
  
  
  17.  
    18. 
  
  
  
  
  18.         //2.給進(jìn)度條綁定一個單擊事件 
    19. 
  
  
  
  
  19.         pb.setClickedListener(this); 
    20. 
  
  
  
  
  20.     } 
    21. 
  
  
  
  
  21.  
    22. 
  
  
  
  
  22.     @Override 
    23. 
  
  
  
  
  23.     public void onActive() { 
    24. 
  
  
  
  
  24.         super.onActive(); 
    25. 
  
  
  
  
  25.     } 
    26. 
  
  
  
  
  26.  
    27. 
  
  
  
  
  27.     @Override 
    28. 
  
  
  
  
  28.     public void onForeground(Intent intent) { 
    29. 
  
  
  
  
  29.         super.onForeground(intent); 
    30. 
  
  
  
  
  30.     } 
    31. 
  
  
  
  
  31.  
    32. 
  
  
  
  
  32.     @Override 
    33. 
  
  
  
  
  33.     public void onClick(Component component) { 
    34. 
  
  
  
  
  34.         //把進(jìn)度條里面的值 + 5 
    35. 
  
  
  
  
  35.         //獲取進(jìn)度條里面原本的值 
    36. 
  
  
  
  
  36.         //兩種獲取進(jìn)度條組件的方式： 
    37. 
  
  
  
  
  37.         //1.把onStart方法的pb移動到成員位置 
    38. 
  
  
  
  
  38.         //2.onClick方法的形參，也表示被點(diǎn)擊的組件對象 
    39. 
  
  
  
  
  39.         //下面就使用第二種來實(shí)現(xiàn) 
    40. 
  
  
  
  
  40.         //強(qiáng)轉(zhuǎn) 
    41. 
  
  
  
  
  41.         ProgressBar pb = (ProgressBar) component; 
    42. 
  
  
  
  
  42.         //獲取進(jìn)度條里面原本的值 
    43. 
  
  
  
  
  43.         int progress = pb.getProgress(); 
    44. 
  
  
  
  
  44.         //把進(jìn)度條里面的值 + 5 
    45. 
  
  
  
  
  45.         progress = progress + 5; 
    46. 
  
  
  
  
  46.         //再給進(jìn)度條設(shè)置進(jìn)度 
    47. 
  
  
  
  
  47.         pb.setProgressValue(progress); 
    48. 
  
  
  
  
  48.         //再修改下提示的文字 
    49. 
  
  
  
  
  49.         pb.setProgressHintText(progress + "%"); 
    50. 
  
  
  
  
  50.     } 
    51. 
  
  
  
  
  51. } 
    52.

運(yùn)行，每點(diǎn)擊一次進(jìn)度條組件，就會增加 5% 進(jìn)度。

  • 發(fā)現(xiàn)當(dāng)點(diǎn)擊到100%時，再點(diǎn)擊一次，就會到 105%，而進(jìn)度條的背景色沒有增加。
  • 在 xml 文件中，給進(jìn)度條組件設(shè)置的值最大100，最小0，按理說是不會超過 100 值的大小的。

bug 修復(fù)：當(dāng)進(jìn)度條的值超過 100 后，就不要去增加進(jìn)度條的值了。當(dāng)

運(yùn)行后，進(jìn)度值到了100%就不會再增加了。progress 大于等于 100 后，就直接 return，后面的代碼就不會執(zhí)行了 。

3. RoundProgressBar進(jìn)度條

使用方式和ProgressBar是一樣的。

是ProgressBar的子類，只是顯示的方式不同。

查看 RoundProgressBar 組件，發(fā)現(xiàn)是繼承了 ProgressBar 組件的。

基本使用： 

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos" 
    4. 
  
  
  
  
  4.     ohos:height="match_parent" 
    5. 
  
  
  
  
  5.     ohos:width="match_parent" 
    6. 
  
  
  
  
  6.     ohos:alignment="center" 
    7. 
  
  
  
  
  7.     ohos:orientation="vertical"> 
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9.     
  
  
  
  
  10.         ohos:height="300vp" 
    11. 
  
  
  
  
  11.         ohos:width="300vp" 
    12. 
  
  
  
  
  12.         ohos:progress_hint_text="80%" 
    13. 
  
  
  
  
  13.         ohos:progress_hint_text_size="50vp" 
    14. 
  
  
  
  
  14.         ohos:progress_hint_text_color="#000000" 
    15. 
  
  
  
  
  15.         ohos:progress="80" 
    16. 
  
  
  
  
  16.         ohos:progress_width="20vp" 
    17. 
  
  
  
  
  17.         ohos:progress_color="red" 
    18. 
  
  
  
  
  18.         ohos:max="100" 
    19. 
  
  
  
  
  19.         ohos:min="0"/> 
    20. 
  
  
  
  
  20.  
    21.

上面的案例也同樣可以使用RoundProgressBar組件來實(shí)現(xiàn)，基本一致的效果，只是顯示的方式不同而已。

想了解更多內(nèi)容，請訪問：

和華為官方合作共建的鴻蒙技術(shù)社區(qū)

https://harmonyos.


新聞標(biāo)題：HarmonyOS實(shí)戰(zhàn)—ProgressBar進(jìn)度條組件基本使用
網(wǎng)站URL：http://www.dlmjj.cn/article/dpgdiss.html