关键词:
一、简介
- ProgressBar 用于显示内容或操作的进度。
- ProgressBar 的共有 XML 属性继承自 Component,详情请参考我的博客:HarmonyOS之组件通用的XML属性总览。
- ProgressBar 的自有 XML 属性见下表:
属性名称 | 中文描述 | 取值 | 取值说明 | 使用案例 |
---|---|---|---|---|
divider_lines_enabled | 分割线 | boolean类型 | 可以直接设置true/false,也可以引用boolean资源 | ohos:divider_lines_enabled=“true” ohos:divider_lines_enabled="$boolean:true" |
divider_lines_number | 分割线数量 | integer类型 | 可以直接设置整型数值,也可以引用integer资源 | ohos:divider_lines_number=“1” ohos:divider_lines_number="$integer:one" |
infinite | 是否使用不确定模式 | boolean类型 | 可以直接设置true/false,也可以引用boolean资源 | ohos:infinite=“true" ohos:infinite=”$boolean:true" |
infinite_element | 不确定模式图样 配置前提:infinite需设置为true | Element类型 | 仅可引用media/graphic下的图片资源 | ohos:infinite_element="$ media:media_src" ohos:infinite_element="$graphic:graphic_src" |
max | 最大值 | integer类型 | 可以直接设置整型数值,也可以引用integer资源 | ohos:max=“1" ohos:max=”$integer:one" |
max_height | 最大高度 | float类型 | 表示尺寸的float类型 可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源 | ohos:max_width=“100” ohos:max_width=“20vp” ohos:max_width="$float:size_value" |
min | 最小值 | integer类型 | 可以直接设置整型数值,也可以引用integer资源 | ohos:min=“1" ohos:min=”$integer:one" |
orientation | 排列方向 | horizontal | 表示ProgressBar水平显示 | ohos:orientation=“horizontal” |
orientation | 排列方向 | vertical | 表示ProgressBar垂直显示 | ohos:orientation=“vertical” |
progress | 当前进度 | integer类型 | 可以直接设置整型数值,也可以引用integer资源 | ohos:progress=“10" ohos:progress=”$integer:ten" |
background_instruct_element | 背景 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源 | ohos:background_instruct_element="#000000" ohos:background_instruct_element="$ color:black" ohos:background_instruct_element="$ media:media_src" ohos:background_instruct_element="$ graphic:graphic_src" |
progress_width | 进度条宽度 | float类型 | 表示尺寸的float类型。可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源 | ohos:progress_width=“100" hos:progress_width=“20vp" ohos:progress_width=”$float:size_value” |
progress_color | 进度条颜色 | color类型 | 可以直接设置色值,也可以引用color资源 | ohos:progress_color="#FF262626" ohos:progress_color="$color:black" |
progress_element | 进度条背景 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源 | ohos:progress_element="#000000" ohos:progress_element=“ c o l o r : b l a c k " < b r > o h o s : p r o g r e s s e l e m e n t = " color:black"<br>ohos:progress_element=" color:black"<br>ohos:progresselement="media:media_src" ohos:progress_element=”$graphic:graphic_src" |
progress_hint_text | 进度提示文本 | string类型 | 可以直接设置文本字串,也可以引用string资源(推荐使用) | ohos:progress_hint_text=“test" ohos:progress_hint_text=”$string:test_str" |
progress_hint_text_alignment | 进度提示文本对齐方式 | left | 表示文本靠左对齐 | 可以设置取值项如表中所列,也可以使用“| ”进行多项组合ohos:progress_hint_text_alignment="top" ohos:progress_hint_text_alignment=“top | left” |
progress_hint_text_alignment | 进度提示文本对齐方式 | top | 表示文本靠顶部对齐 | - |
progress_hint_text_alignment | 进度提示文本对齐方式 | right | 表示文本靠右对齐 | - |
progress_hint_text_alignment | 进度提示文本对齐方式 | bottom | 表示文本靠底部对齐 | - |
progress_hint_text_alignment | 进度提示文本对齐方式 | horizontal_center | 表示文本水平居中对齐 | - |
progress_hint_text_alignment | 进度提示文本对齐方式 | vertical_center | 表示文本垂直居中对齐 | - |
progress_hint_text_alignment | 进度提示文本对齐方式 | center | 表示文本居中对齐 | - |
progress_hint_text_color | 进度提示文本颜色 | color类型 | 可以直接设置色值,也可以引用color资源 | ohos:progress_hint_text_color="#FFFFFFFF" ohos:progress_hint_text_color="$color:black" |
vice_progress | 当前副进度 | integer类型 | 可以直接设置整型数值,也可以引用integer资源 | ohos:vice_progress=“1" ohos:vice_progress=”$integer:one" |
vice_progress_element | 副进度条背景 | Element类型 | 可直接配置色值,也可引用color资源或引用media/graphic下的图片资源 | ohos:vice_progress_element="#000000" ohos:vice_progress_element="$ color:black" ohos:vice_progress_element="$ media:media_src" ohos:vice_progress_element="$graphic:graphic_src" |
step | 进度的步长 | integer类型 | 可以直接设置整型数值,也可以引用integer资源,默认值为1,若step设置为10,进度值则为10的倍数 | ohos:step=“1" ohos:step=”$integer:one" |
progress_hint_text_size | 进度提示文本大小 | float类型 | 表示尺寸的float类型,可以是浮点数值,其默认单位为px;也可以是带px/vp/fp单位的浮点数值;也可以引用float资源 | ohos:progress_hint_text_size=“100" ohos:progress_hint_text_size=“20fp" ohos:progress_hint_text_size=”$float:size_value” |
二、创建 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 方向为垂直:
<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"/>
- 垂直 ProgressBar 效果:
- 设置当前进度
-
- 在 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
...
ohos:progress_element="#FF9900" />
-
- 设置 ProgressBar 颜色效果:
- 设置 ProgressBar 底色颜色:
<ProgressBar
...
ohos:background_instruct_element="#FFFFFF" />
-
- 设置底色颜色效果:
- 设置 ProgressBar 分割线
-
- 在 xml 中配置:
<ProgressBar
...
ohos:divider_lines_enabled="true"
ohos:divider_lines_number="5" />
-
- 在 Java 代码中配置:
progressBar.enableDividerLines(true);
progressBar.setDividerLinesNumber(5);
-
- 添加分割线效果:
- 设置 ProgressBar 分割线颜色:
progressBar.setDividerLineColor(Color.MAGENTA);
-
- 设置分割线颜色效果:
- 设置 ProgressBar 提示文字:
<ProgressBar
...
ohos:progress_hint_text="20%"
ohos:progress_hint_text_color="#FFCC99" />
-
- 设置提示文字效果:
harmonyos之常用组件listcontainer的功能和使用(代码片段)
...有XML属性继承自Component,详情请参考我的博客:HarmonyOS之组件通用的XML属性总览。ListContainer的自有XML属性见下表:属性名称中文描述取值 查看详情
十华为鸿蒙harmonyos应用开发之javaui框架常用tablist组件使用
一、TabList和Tab二、TabList组件实例测试1.新建基于emptyability(Java 查看详情
harmonyos之常用组件webview的使用(代码片段)
一、WebView功能WebView提供在应用中集成Web页面的能力。请使用真机或模拟器运行查看WebView效果,预览器不支持WebView显示。只有预置WebView能力的真机设备才支持WebView功能,智能穿戴设备不支持WebView。二、WebView的使用方法... 查看详情
harmonyos之常用组件toastdialog的功能和使用(代码片段)
一、ToastDialog的使用ToastDialog是在窗口上方弹出的对话框,是通知操作的简单反馈。ToastDialog会在一段时间后消失,在此期间,用户还可以操作当前窗口的其他组件。创建一个ToastDialog: newToastDialog(getContext()) .setText... 查看详情
八华为鸿蒙harmonyos应用开发之javaui框架常用textfield组件使用(代码片段)
一、TextField组件二、TextField组件实例测试1.新建基于emptyability(Java)手机应用程序的TextField工程。运行出现如下结果2.在resources->zh.element文件夹下string.json文件修改代码如下:"string":["name":"entry_MainAbility" 查看详情
七华为鸿蒙harmonyos应用开发之javaui框架常用text组件和button组件使用
一、JavaUI框架概述应用的Ability在屏幕上将显示一个用户界面,该界面用来显示所有可被用户查看和交互的内容。应用中所有的用户界面元素都是由Component和ComponentContainer对象构成。Component是绘制在屏幕上的一个对象,用户能与... 查看详情
九华为鸿蒙harmonyos应用开发之javaui框架常用image组件使用
一、Image二、Image组件实例测试1.新建基于emptyability(Java)手机应用程序的ImageTest工程。运行出现如下结果2.在Project窗口,打开“entry>src>main>resources>base>media”,添加4个图片至media文件夹下,以“pic1.jpg”、“pic2.jpg”、“... 查看详情
eui组件之progressbar
一、ProgressBar常规使用拖动一个progressbar到exml 代码中使用/***主页场景*@authorchenkai2018/5/26*/classHomeSceneextendseui.Component privatebar:eui.ProgressBar; publicconstructor() super(); this.skinName="H 查看详情
#夏日挑战赛#harmonyos-自定义组件之slider滑块(代码片段)
...乐本文正在参加星光计划3.0–夏日挑战赛前言最近在学习HarmonyOS开发相关知识,在项目开发过程中有用到slider滑块组件,本文主要结合HarmonyOS官网上的相关组件以及通用API,实现一个slider滑块组件。效果演示实现原理1.触发条件... 查看详情
鸿蒙harmonyos的自定义组件之五星好评(代码片段)
...效果。如果对自定义组件并不了解的同学请先看【鸿蒙】HarMonyOS的自定义组件一我们知道所有的组件都是继承至Component类,我们绘制五角星也不例外,我们先定义一个类继承至Component类,并实现几个构造方法publicclassS... 查看详情
鸿蒙harmonyos的自定义组件之五星红旗(代码片段)
...红旗。如果对自定义组件并不了解的同学请先看【鸿蒙】HarMonyOS的自定义组件一我们知道所有的组件都是继承至Component类,我们绘制五角星也不例外,我们先定义一个类继承至Component类,并实现几个构造方法publicclassS... 查看详情
鸿蒙harmonyos的自定义组件之抽奖大转盘(代码片段)
1.介绍当系统提供的组件无法满足设计需求时,您可以创建自定义组件,根据设计需求自定义组件的属性及响应事件,并绘制组件。自定义组件是在组件预留的两个自定义图层中实现绘制,通过addDrawTask方法添加绘... 查看详情
harmonyos之sdkmgr命令的使用(代码片段)
一、简介sdkmgr是一个HarmonyOSSDK命令行管理工具,支持查看、安装和卸载HarmonyOSSDK。二、查看SDK组件显示本地和远程组件命令格式如下: sdkmgrlist--[options][<component>]<component>表示组件,取值包括java/js/native/toolchai... 查看详情
harmonyos项目实战之通讯录(java)(代码片段)
...学习与练习本demo,可以延伸至以下场景1.3项目实战《HarmonyOS项目实战之通讯录Demo(JS)》《HarmonyOS项目实战之通讯录(Java)》《HarmonyOS项目实战之新闻头条(ArkUI-TS》2功能开发2.1联系人列表2.1.1实现效果2.1.2核心代码参考:ListCo... 查看详情
harmonyos实战——commondialog组件的基本使用
@[toc]弹框组件在HarmonyOS当中,常用的弹框主要有两种:第一种是普通弹框(CommonDialog),提示用户并让用户进行对应的操作的,比如使用打车软件的时候,如果手机没有开定位,就会有弹框提示,让你在手机中开启定位,这就是... 查看详情
鸿蒙harmonyos的自定义组件一(代码片段)
当JavaUI框架提供的组件无法满足设计需求时,可以创建自定义组件,根据设计需求添加绘制任务,并定义组件的属性及事件响应,完成组件的自定义。常用接口表1 Component类相关接口接口名作用setEstimateSizeListener... 查看详情
harmonyos之变量可视化调试
一、概述在HarmonyOS应用调试过程中,查看变量的变化过程是否符合预期结果是一项常用的调试方法。为此DevEcoStudio提供了调试变量的可视化功能,支持Java、C/C++和JS语言的基本数据类型、数值类型的集合和表达式可... 查看详情
harmonyos-android混合开发之apk混入
参考技术A先给HarmonyOS比个心心随着HarmonyOS2.0发布,HarmonyOS更加地进入大众视野,也越来越多的开发者涉足HarmonyOS领域,HarmonyOS的生态建设也在逐渐扩大、深入。虽然HarmonyOS有着强大的分布式场景、AI等高级能力,但是毕竟还处于... 查看详情