Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
ee1ad66d
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
ee1ad66d
编写于
10月 20, 2022
作者:
O
openharmony_ci
提交者:
Gitee
10月 20, 2022
浏览文件
操作
浏览文件
下载
差异文件
!10476 完善progress相关接口属性说明
Merge pull request !10476 from wangchensu/0909
上级
ca212f98
c340d972
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
15 addition
and
14 deletion
+15
-14
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md
...on-dev/reference/arkui-ts/ts-basic-components-progress.md
+15
-14
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-progress.md
浏览文件 @
ee1ad66d
...
...
@@ -4,7 +4,7 @@
> **说明:**
>
> 该组件从API
Version
7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
> 该组件从API
version
7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 子组件
...
...
@@ -22,38 +22,39 @@ Progress(options: {value: number, total?: number, type?: ProgressType})
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| value | number | 是 | 指定当前进度值。 |
| value | number | 是 | 指定当前进度值。
设置小于0的数值时置为0,设置大于total的数值时置为total。
|
| total | number | 否 | 指定进度总长。
<br/>
默认值:100 |
| type
<sup>
8+
</sup>
|
[
ProgressType
](
#progresstype枚举说明
)
| 否 | 指定进度条类型。
<br/>
默认值:ProgressType.Linear |
| style
<sup>
deprecated
</sup>
|
[
ProgressStyle
](
#progressstyle枚举说明
)
| 否 | 指定进度条样式。
<br/>
该参数从API
V
ersion8开始废弃,建议使用type替代。
<br/>
默认值:ProgressStyle.Linear |
| style
<sup>
deprecated
</sup>
|
[
ProgressStyle
](
#progressstyle枚举说明
)
| 否 | 指定进度条样式。
<br/>
该参数从API
v
ersion8开始废弃,建议使用type替代。
<br/>
默认值:ProgressStyle.Linear |
## ProgressType枚举说明
| 名称 | 描述 |
| -------- | -------- |
| Linear | 线性样式。 |
| Linear | 线性样式。
从API version9开始,高度大于宽度的时候自适应垂直显示。
|
| Ring
<sup>
8+
</sup>
| 环形无刻度样式,环形圆环逐渐显示至完全填充效果。 |
| Eclipse
<sup>
8+
</sup>
| 圆形样式,显示类似月圆月缺的进度展示效果,从月牙逐渐变化至满月。
|
| ScaleRing
<sup>
8+
</sup>
| 环形有刻度样式,显示类似时钟刻度形式的进度展示效果。
|
| Capsule
<sup>
8+
</sup>
| 胶囊样式,头尾两端圆弧处的进度展示效果与Eclipse相同;中段处的进度展示效果与Linear相同。 |
| Eclipse
<sup>
8+
</sup>
| 圆形样式,显示类似月圆月缺的进度展示效果,从月牙逐渐变化至满月。|
| ScaleRing
<sup>
8+
</sup>
| 环形有刻度样式,显示类似时钟刻度形式的进度展示效果。
从API version9开始,刻度外圈出现重叠的时候自动转换为环形无刻度进度条。
|
| Capsule
<sup>
8+
</sup>
| 胶囊样式,头尾两端圆弧处的进度展示效果与Eclipse相同;中段处的进度展示效果与Linear相同。
高度大于宽度的时候自适应垂直显示。
|
## ProgressStyle枚举说明
| 名称 | 描述 |
| --------- | ------------------------------------------------------------ |
| Linear | 线性样式。
|
| Ring | 环形无刻度样式,环形圆环逐渐显示至完全填充效果。
|
| Eclipse | 圆形样式,显示类似月圆月缺的进度展示效果,从月牙逐渐变化至满月。
|
| ScaleRing | 环形有刻度样式,显示类似时钟刻度形式的进度展示效果。
|
| Capsule | 胶囊样式,头尾两端圆弧处的进度展示效果与Eclipse相同;中段处的进度展示效果与Linear相同。 |
| Linear | 线性样式。 |
| Ring | 环形无刻度样式,环形圆环逐渐显示至完全填充效果。 |
| Eclipse | 圆形样式,显示类似月圆月缺的进度展示效果,从月牙逐渐变化至满月。|
| ScaleRing | 环形有刻度样式,显示类似时钟刻度形式的进度展示效果。|
| Capsule | 胶囊样式,头尾两端圆弧处的进度展示效果与Eclipse相同;中段处的进度展示效果与Linear相同。
高度大于宽度的时候自适应垂直显示。
|
## 属性
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| value | number | 设置当前进度值。 |
| value | number | 设置当前进度值。
设置小于0的数值时置为0,设置大于total的数值时置为total。非法数值不生效。
|
| color |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 设置进度条前景色。 |
| style
<sup>
8+
</sup>
| {
<br/>
strokeWidth?:
[Length](ts-types.md#length),
<br/>
scaleCount?:
number,
<br/>
scaleWidth?:
[
Length
](
ts-types.md#length
)
<br/>
} | 定义组件的样式。
<br/>
-
strokeWidth:
设置进度条宽度。
<br/>
-
scaleCount:
设置环形进度条总刻度数。
<br/>
-
scaleWidth:
设置环形进度条刻度粗细,刻度粗细大于进度条宽度时,为系统默认粗细。 |
| backgroundColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 设置进度条底色。 |
| style
<sup>
8+
</sup>
| {
<br/>
strokeWidth?:
[Length](ts-types.md#length),
<br/>
scaleCount?:
number,
<br/>
scaleWidth?:
[
Length
](
ts-types.md#length
)
<br/>
} | 定义组件的样式。
<br/>
-
strokeWidth:
设置进度条宽度(不支持百分比设置)。从API version9开始,环形进度条设置宽度大于等于半径时,默认修改宽度至半径值的二分之一。
<br/>
默认值:4.0Vp
<br/>
-
scaleCount:
设置环形进度条总刻度数。
<br>
默认值:120
<br/>
-
scaleWidth:
设置环形进度条刻度粗细(不支持百分比设置),刻度粗细大于进度条宽度时,为系统默认粗细。
<br>
默认值:2.0Vp |
## 示例
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录