Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
ed3bcdea
D
Docs
项目概览
OpenHarmony
/
Docs
11 个月 前同步成功
通知
158
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看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
ed3bcdea
编写于
6月 24, 2022
作者:
O
openharmony_ci
提交者:
Gitee
6月 24, 2022
浏览文件
操作
浏览文件
下载
差异文件
!5761 修改ImageAnimator的文档
Merge pull request !5761 from hehongyang9/dev
上级
b382a5c8
fc7bf8cc
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
16 addition
and
5 deletion
+16
-5
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imageanimator.md
...v/reference/arkui-ts/ts-basic-components-imageanimator.md
+16
-5
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imageanimator.md
浏览文件 @
ed3bcdea
...
...
@@ -26,15 +26,25 @@ ImageAnimator()
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| images | Array
<
{
<br/>
src:string,
<br/>
width?:Length,
<br/>
height?:Length,
<br/>
top?:Length,
<br/>
left?:Length,
<br/>
duration?:number
<br/>
}
>
| [] | 是 | 设置图片帧信息集合。每一帧的帧信息包含图片路径、图片大小、图片位置和图片播放时长信息。详细说明如下:
<br/>
src:图片路径,图片格式为svg,png和jpg。
<br/>
width:图片宽度。
<br/>
height:图片高度。
<br/>
top:图片相对于组件左上角的纵向坐标。
<br/>
left:图片相对于组件左上角的横向坐标。
<br/>
duration:每一帧图片的播放时长,单位毫秒
。 |
| images | Array
<
ImageFrameInfo
>
| [] | 是 | 设置图片帧信息集合。每一帧的帧信息(ImageFrameInfo)包含图片路径、图片大小、图片位置和图片播放时长信息,详见ImageFrameInfo属性说明
。 |
| state | AnimationStatus | Initial | 否 | 默认为初始状态,用于控制播放状态。 |
| duration | number | 1000 | 否 | 单位为毫秒,默认时长为1000ms;duration为0时,不播放图片;值的改变只会在下一次循环开始时生效;当images中设置了单独的duration后,该属性设置无效。 |
| duration | number | 1000 | 否 | 单位为毫秒,默认时长为1000ms;duration为0时,不播放图片;值的改变只会在下一次循环开始时生效;当images中
任意一帧图片
设置了单独的duration后,该属性设置无效。 |
| reverse | boolean | false | 否 | 设置播放顺序。false表示从第1张图片播放到最后1张图片;
true表示从最后1张图片播放到第1张图片。 |
| fixedSize | boolean | true | 否 | 设置图片大小是否固定为组件大小。
true表示图片大小与组件大小一致,此时设置图片的width
、height
、top
和left属性是无效的。false表示每一张图片的
width
、height
、top和left属性都要单独设置。 |
| fixedSize | boolean | true | 否 | 设置图片大小是否固定为组件大小。
true表示图片大小与组件大小一致,此时设置图片的width
、height
、top
和left属性是无效的。false表示每一张图片的width
、height
、top和left属性都要单独设置。 |
| preDecode | number | 0 | 否 | 是否启用预解码,默认值为0,即不启用预解码,如该值设为2,则播放当前页时会提前加载后面两张图片至缓存以提升性能。 |
| fillMode | FillMode | Forwards | 否 | 设置动画开始前和结束后的状态,可选值参见FillMode说明。 |
| iterations | number | 1 | 否 | 默认播放一次,设置为-1时表示无限次播放。 |
-
ImageFrameInfo属性说明
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| src | string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
<sup>
9+
</sup>
| "" | 是 | 图片路径,图片格式为svg,png和jpg,从API Version9开始支持
[
Resource
](
../../ui/ts-types.md#resource类型
)
类型的路径 |
| width |
[
Length
](
../../ui/ts-types.md#长度类型
)
| 0 | 否 | 图片宽度 |
| height |
[
Length
](
../../ui/ts-types.md#长度类型
)
| 0 | 否 | 图片高度 |
| top |
[
Length
](
../../ui/ts-types.md#长度类型
)
| 0 | 否 | 图片相对于组件左上角的纵向坐标 |
| left |
[
Length
](
../../ui/ts-types.md#长度类型
)
| 0 | 否 | 图片相对于组件左上角的横向坐标 |
| duration | number | 0 | 否 | 每一帧图片的播放时长,单位毫秒 |
-
AnimationStatus枚举说明
| 名称 | 描述 |
| -------- | -------- |
...
...
@@ -94,7 +104,7 @@ struct ImageAnimatorExample {
left
:
0
},
{
src
:
'
/comment/bg3.jpg
'
,
src
:
$r
(
'
app.media.bg3
'
)
,
duration
:
500
,
width
:
325
,
height
:
200
,
...
...
@@ -102,7 +112,7 @@ struct ImageAnimatorExample {
left
:
0
},
{
src
:
'
/comment/bg4.jpg
'
,
src
:
$rawfile
(
'
bg4.jpg
'
)
,
duration
:
500
,
width
:
325
,
height
:
200
,
...
...
@@ -126,6 +136,7 @@ struct ImageAnimatorExample {
console
.
info
(
'
Cancel
'
)
})
.
onFinish
(()
=>
{
// 当帧动画播放完成后触发
this
.
state
=
AnimationStatus
.
Stopped
console
.
info
(
'
Finish
'
)
})
Row
()
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录