鸿蒙5.0版开发:ArkTS基础组件(进展)

往期鸿蒙全套实战文章必看:


进展

进度条组件,用于显示内容加载或操作处理等进度。

说明:

该组件从API version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

子组件

接口

进度(选项: ProgressOptions<Type>)

创建进度组件,用于显示内容加载或操作处理进度。

卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。

原子化服务API: 从API version 11开始,该接口支持在原子化服务中使用。

参数:

参数名 参数类型 必填 参数描述
选项 ProgressOptions<Type> 进度条组件参数。

ProgressOptions<Type>对象说明

原子化服务API: 从API version 11开始,该接口支持在原子化服务中使用。

参数名 参数类型 必填 参数描述
价值 指定当前进度值。设置小于0的数值时置为0,设置大于total的数值时置为total。
默认值:0
卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。
指定进度总长。设置小于等于0的数值时置为100。
默认值:100
卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。
类型8+ ProgressType 指定进度条类型。
默认值:ProgressType.Linear
卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。
style(已弃用) ProgressStyle 指定进度条样式。
该参数从API version8开始废弃,建议使用type替代。
默认值:ProgressStyle.Linear

ProgressType8+枚举说明

卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。

原子化服务API: 从API version 11开始,该接口支持在原子化服务中使用。

名称 描述
线性 线性样式。从API version9开始,高度大于宽度的时候自适应垂直显示。
戒指 环形无刻度样式,环形圆环逐渐显示至完全填充效果。
日蚀 圆形样式,显示类似月圆月缺的进度展示效果,从月牙逐渐变化至满月。
ScaleRing 系列 环形有刻度样式,显示类似时钟刻度形式的进度展示效果。从API version9开始,刻度外圈出现重叠的时候自动转换为环形无刻度进度条。
胶囊 胶囊样式,头尾两端圆弧处的进度展示效果与Eclipse相同;中段处的进度展示效果与Linear相同。高度大于宽度的时候自适应垂直显示。

ProgressStyle枚举说明

卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。

原子化服务API: 从API version 11开始,该接口支持在原子化服务中使用。

名称 描述
线性 线性样式。
戒指8+ 环形无刻度样式,环形圆环逐渐显示至完全填充效果。
日蚀 圆形样式,显示类似月圆月缺的进度展示效果,从月牙逐渐变化至满月。
ScaleRing8+ 环形有刻度样式,显示类似时钟刻度形式的进度展示效果。
胶囊8+ 胶囊样式,头尾两端圆弧处的进度展示效果与Eclipse相同;中段处的进度展示效果与Linear相同。高度大于宽度的时候自适应垂直显示。

属性

除支持通用属性外,还支持以下属性:

价值

value(值:数字)

设置当前进度值。设置小于0的数值时置为0,设置大于total的数值时置为total。非法数值不生效。

卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。

原子化服务API: 从API version 11开始,该接口支持在原子化服务中使用。

系统能力:SystemCapability.ArkUI.ArkUI.Full

参数:

参数名 类型 必填 说明
价值 当前进度值。
默认值:0

颜色

color(值: ResourceColor |LinearGradient)

设置进度条前景色。

从API version 10开始支持利用LinearGradient设置Ring样式的渐变色。

卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用,暂不支持LinearGradient。

原子化服务API: 从API version 11开始,该接口支持在原子化服务中使用。

系统能力:SystemCapability.ArkUI.ArkUI.Full

参数:

参数名 类型 必填 说明
价值 资源颜色 |线性梯度10+ 进度条前景色。
默认值:
- 胶囊:
API 版本 9及以下:'#ff007dff'
API版本 10:'#33006cde'
API 版本 11及以上:'#33007dff'
- 环:
API 版本 9及以下:'#ff007dff'
API 版本 10及以上:起始端:'#ff86c1ff',结束端:'#ff254ff7'
- 其他样式:'#ff007dff'

背景颜色

backgroundColor(值:ResourceColor)

设置进度条底色。当设置通用属性backgroundColor时,生效的是进度条的底色,而不是整个Progress组件的背景色。

卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。

系统能力:SystemCapability.ArkUI.ArkUI.Full

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值