一、布局中设置 ProgressBar、RoundProgressBar 进度条

ProgressBar 进度条组件分为两种 , ① 圆形进度条 RoundProgressBar , ② 直线型进度条 ProgressBar ;

布局设置代码 :

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:orientation="vertical"><!-- 直线进度条 --><ProgressBarohos:id="$+id:progressbar"ohos:height="match_content"ohos:width="match_parent"ohos:top_margin="200"ohos:layout_alignment="horizontal_center"ohos:min="0"ohos:max="100"ohos:progress="66"ohos:vice_progress="88"/><!-- 圆形进度条 --><RoundProgressBarohos:id="$+id:roundprogressbar"ohos:height="400"ohos:width="400"ohos:top_margin="200"ohos:layout_alignment="horizontal_center"ohos:min="0"ohos:max="100"ohos:progress="66"/></DirectionalLayout>

进度条属性简介 :

最小值 : ohos:min=“0”

最大值 : ohos:max=“100”

当前进度 : ohos:progress=“66”

顶部边距 : ohos:top_margin=“200”

布局对齐 : ohos:layout_alignment=“horizontal_center”

宽度 : ohos:width=“400”

高度 : ohos:height=“400”

纯布局效果 :

二、代码中设置 ProgressBar、RoundProgressBar 进度条

获取直线进度条 ProgressBar 组件 , 并设置最大值 , 最小值 , 当前第一进度 , 当前第二进度 ;

        // 获取 XML 布局中的 ProgressBar 按钮ProgressBar progressBar = (ProgressBar) findComponentById(ResourceTable.Id_progressbar);// 设置最大值最小值progressBar.setMaxValue(100);progressBar.setMinValue(0);// 设置当前进度progressBar.setProgressValue(20);// 设置第二进度值progressBar.setViceProgress(80);

获取圆形进度条 RoundProgressBar 组件 , 并设置最大值 , 最小值 , 当前第一进度 , 当前第二进度 ;

        // 获取 XML 布局中的 RoundProgressBar 按钮RoundProgressBar roundProgressBar = (RoundProgressBar) findComponentById(ResourceTable.Id_roundprogressbar);// 设置最大值最小值roundProgressBar.setMaxValue(20);roundProgressBar.setMinValue(0);// 设置当前进度roundProgressBar.setProgressValue(10);// 设置第二进度roundProgressBar.setViceProgress(15);

三、完整代码示例

布局文件 :

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:orientation="vertical"><!-- 直线进度条 --><ProgressBarohos:id="$+id:progressbar"ohos:height="match_content"ohos:width="match_parent"ohos:top_margin="200"ohos:layout_alignment="horizontal_center"ohos:min="0"ohos:max="100"ohos:progress="66"ohos:vice_progress="88"/><!-- 圆形进度条 --><RoundProgressBarohos:id="$+id:roundprogressbar"ohos:height="400"ohos:width="400"ohos:top_margin="200"ohos:layout_alignment="horizontal_center"ohos:min="0"ohos:max="100"ohos:progress="66"/></DirectionalLayout>

Java 代码 :

package com.example.progressbar.slice;import com.example.progressbar.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.ProgressBar;
import ohos.agp.components.RoundProgressBar;public class MainAbilitySlice extends AbilitySlice {@Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 获取 XML 布局中的 ProgressBar 按钮ProgressBar progressBar = (ProgressBar) findComponentById(ResourceTable.Id_progressbar);// 设置最大值最小值progressBar.setMaxValue(100);progressBar.setMinValue(0);// 设置当前进度progressBar.setProgressValue(20);// 设置第二进度值progressBar.setViceProgress(80);// 获取 XML 布局中的 RoundProgressBar 按钮RoundProgressBar roundProgressBar = (RoundProgressBar) findComponentById(ResourceTable.Id_roundprogressbar);// 设置最大值最小值roundProgressBar.setMaxValue(20);roundProgressBar.setMinValue(0);// 设置当前进度roundProgressBar.setProgressValue(10);// 设置第二进度roundProgressBar.setViceProgress(15);}@Overridepublic void onActive() {super.onActive();}@Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}
}

四、GitHub 地址

GitHub 主应用 : https://github.com/han1202012/HarmonyHelloWorld

CheckBox 组件示例 Module : https://github.com/han1202012/HarmonyHelloWorld/tree/master/progressbar

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )相关推荐

Android 各种自定义进度条Progressbar
Android 自定义进度条 Progressbar 控件集合关于我,欢迎关注博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton Github ...
Windows Phone 7开发,进度条ProgressBar使用详解
进度条在应用中的作用非常大,可以告诉用户当前操作执行的进度,以免用户在等待中失去耐心,进而关闭应用.Windows Phone 7的进度条有两种样式,一种是从左往右循环滚动的小点点,这种进度条并不能 ...
WPF的进度条progressbar，运行时间elapse time和等待spinner的实现
今天用.NET 4.5中的TPL的特性做了个小例子,实现了WPF的进度条progressbar,运行时间elapse time和等待spinner. 先上图吧. 这个例子包含4个实现,分别是同步版本( ...
带进度条的ASP无组件断点续传下载代码
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <%Option Explicit%> <% '= ...
Xamarin XAML语言教程构建进度条ProgressBar
Xamarin XAML语言教程构建进度条ProgressBar Xamarin XAML语言教程构建进度条ProgressBar,ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度 ...
progressblock 安卓自定义进度条 progressbar 高仿仿QQ下载进度条
progressblock 安卓自定义进度条 progressbar 高仿仿QQ下载进度条附上我在公司做下载播放项目主要使用方法 progressBlock = (ProgressBlock) f ...
安卓开发之WebView，进度条ProgressBar以及MediaPlayer和SonundPool的使用
原安卓开发之WebView,进度条ProgressBar以及MediaPlayer和SonundPool的使用 2018年06月06日 15:04:21 阅读数:106 内容比较简单,仅用作笔记,所 ...
android 进度条边框,android用户界面-组件Widget-进度条ProgressBar
android的进度条有对话框进度条.标题进度条和水平进度条一.对话框进度条创建步骤 1.覆盖Activity的onCreateDialog()方法,并在其中创建对话框. 2.调用Activity ...
鸿蒙开发（13）---ProgressBar与RoundProgressBar组件
目录 ProgressBar组件基本实现代码实现样式操作显示加载的数值 RoundProgressBar组件 ProgressBar组件从名字我们就可以看出来,这是一个加载进度条.但是你不要小 ...

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )

文章目录

一、布局中设置 ProgressBar、RoundProgressBar 进度条

二、代码中设置 ProgressBar、RoundProgressBar 进度条

三、完整代码示例

四、GitHub 地址

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )相关推荐

最新文章

热门文章