Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
a21a7ac8
D
Docs
项目概览
OpenHarmony
/
Docs
12 个月 前同步成功
通知
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看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
a21a7ac8
编写于
7月 26, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 26, 2023
浏览文件
操作
浏览文件
下载
差异文件
!21352 animation的iteration不是必填参数
Merge pull request !21352 from hehongyang9/dev2
上级
7e6efcef
51e1df66
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
4 addition
and
4 deletion
+4
-4
zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md
...application-dev/reference/arkui-ts/ts-animatorproperty.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
...on-dev/reference/arkui-ts/ts-page-transition-animation.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md
...rence/arkui-ts/ts-transition-animation-shared-elements.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md
浏览文件 @
a21a7ac8
...
...
@@ -6,7 +6,7 @@
>
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
animation(value: {duration?: number, tempo?: number, curve?: string | Curve | ICurve, delay?:number, iterations: number, playMode?: PlayMode, onFinish?: () => void})
animation(value: {duration?: number, tempo?: number, curve?: string | Curve | ICurve, delay?:number, iterations
?
: number, playMode?: PlayMode, onFinish?: () => void})
从API version 9开始,该接口支持在ArkTS卡片中使用。
...
...
zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
浏览文件 @
a21a7ac8
...
...
@@ -10,8 +10,8 @@
| 名称 | 参数 | 必填 | 参数描述 |
| ------------------- | ------------------------------------------------------------ | ---- | ------------------------------------------------------------ |
| PageTransitionEnter | {
<br/>
type?: RouteType,
<br/>
duration?: number,
<br/>
curve?:
[
Curve
](
ts-appendix-enums.md#curve
)
\|
string,
<br>
delay?: number
<br/>
} | 否 | 设置当前页面的自定义入场动效。
<br/>
-
type:页面转场效果生效的路由类型。
<br/>
默认值:RouteType.None。
<br/>
-
duration:动画的时长。
<br/>
单位:毫秒
<br/>
默认值:1000
<br/>
-
curve:动画曲线。string类型的取值支持"ease"、"ease-in"、"ease-out"、"ease-in-out"、"extreme-deceleration"、"fast-out-linear-in"、"fast-out-slow-in"、"friction"、"linear"、"linear-out-slow-in"、"rhythm"、"sharp"、"smooth"。
<br/>
默认值:Curve.Linear
<br/>
-
delay:动画延迟时长。
<br/>
单位:毫秒
<br/>
默认值:0
<br/>
**说明:**
<br/>
没有匹配时使用系统默认的页面转场效果(根据设备可能会有差异),如需禁用系统默认页面转场效果,可以指定duration为0。 |
| PageTransitionExit | {
<br/>
type?: RouteType,
<br/>
duration?: number,
<br/>
curve?:
[
Curve
](
ts-appendix-enums.md#curve
)
\|
string,
<br/>
delay?: number
<br/>
} | 否 | 设置当前页面的自定义退场动效。
<br/>
-
type:页面转场效果生效的路由类型。
<br/>
默认值:RouteType.None。
<br/>
-
duration:动画的时长。
<br/>
单位:毫秒
<br/>
默认值:1000
<br/>
-
curve:动画曲线,string类型取值与PageTransitionEnter相同。
<br/>
默认值:Curve.Linear
<br/>
-
delay:动画延迟时长。
<br/>
单位:毫秒
<br/>
默认值:0
<br/>
**说明:**
<br/>
没有匹配时使用系统默认的页面转场效果(根据设备可能会有差异),如需禁用系统默认页面转场效果,可以指定duration为0。 |
| PageTransitionEnter | {
<br/>
type?: RouteType,
<br/>
duration?: number,
<br/>
curve?:
[
Curve
](
ts-appendix-enums.md#curve
)
\|
string
\|
[
ICurve
](
../apis/js-apis-curve.md#icurve
)
<sup>
10+
</sup>
,
<br>
delay?: number
<br/>
} | 否 | 设置当前页面的自定义入场动效。
<br/>
-
type:页面转场效果生效的路由类型。
<br/>
默认值:RouteType.None。
<br/>
-
duration:动画的时长。
<br/>
单位:毫秒
<br/>
默认值:1000
<br/>
-
curve:动画曲线。string类型的取值支持"ease"、"ease-in"、"ease-out"、"ease-in-out"、"extreme-deceleration"、"fast-out-linear-in"、"fast-out-slow-in"、"friction"、"linear"、"linear-out-slow-in"、"rhythm"、"sharp"、"smooth"。
<br/>
默认值:Curve.Linear
<br/>
-
delay:动画延迟时长。
<br/>
单位:毫秒
<br/>
默认值:0
<br/>
**说明:**
<br/>
没有匹配时使用系统默认的页面转场效果(根据设备可能会有差异),如需禁用系统默认页面转场效果,可以指定duration为0。 |
| PageTransitionExit | {
<br/>
type?: RouteType,
<br/>
duration?: number,
<br/>
curve?:
[
Curve
](
ts-appendix-enums.md#curve
)
\|
string
\|
[
ICurve
](
../apis/js-apis-curve.md#icurve
)
<sup>
10+
</sup>
,
<br/>
delay?: number
<br/>
} | 否 | 设置当前页面的自定义退场动效。
<br/>
-
type:页面转场效果生效的路由类型。
<br/>
默认值:RouteType.None。
<br/>
-
duration:动画的时长。
<br/>
单位:毫秒
<br/>
默认值:1000
<br/>
-
curve:动画曲线,string类型取值与PageTransitionEnter相同。
<br/>
默认值:Curve.Linear
<br/>
-
delay:动画延迟时长。
<br/>
单位:毫秒
<br/>
默认值:0
<br/>
**说明:**
<br/>
没有匹配时使用系统默认的页面转场效果(根据设备可能会有差异),如需禁用系统默认页面转场效果,可以指定duration为0。 |
## RouteType枚举说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md
浏览文件 @
a21a7ac8
...
...
@@ -12,7 +12,7 @@
| 名称 | 参数 | 参数描述 |
| ---------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
| sharedTransition | id:
string,
<br/>
{
<br/>
duration?: number,
<br/>
curve?:
Curve
\|
string,
<br/>
delay?: number,
<br/>
motionPath?:
<br/>
{
<br/>
path: string,
<br/>
form?: number,
<br/>
to?: number,
<br/>
rotatable?: boolean
<br/>
},
<br/>
zIndex?: number,
<br/>
type?:
[
SharedTransitionEffectType
](
ts-appendix-enums.md#sharedtransitioneffecttype
)
<br/>
} | 两个页面中id值相同且不为空字符串的组件即为共享元素,在页面转场时可显示共享元素转场动效。
<br/>
-
id:设置组件的id。
<br/>
-
duration:描述共享元素转场动效播放时长。
<br/>
默认值:1000
<br/>
单位:毫秒
<br/>
取值范围:
[
0, +∞)<br/>值为0时表示无动画。设置小于0的值时,按默认值1000处理。<br/>- curve:默认曲线为Linear,有效值参见[Curve
](
ts-animatorproperty.md
)
说明
。
<br/>
-
delay:用来描述共享元素转场动效延迟播放的时长。
<br/>
默认值:0
<br/>
单位:毫秒
<br/>
取值范围:
[
0, +∞)<br/>设置小于0的值时,按值为0处理。<br/>- motionPath:运动路径信息,详细说明请参考[路径动画
](
ts-motion-path-animation.md
)
。
<br/>
-
path:设置路径。
<br/>
-
from:设置起始值。
<br/>
-
to:设置终止值。
<br/>
-
rotatable:是否旋转。
<br/>
-
zIndex:设置Z轴。
<br/>
-
type:动画类型。 |
| sharedTransition | id:
string,
<br/>
{
<br/>
duration?: number,
<br/>
curve?:
[
Curve
](
ts-appendix-enums.md#curve
)
\|
string
\|
[ICurve](../apis/js-apis-curve.md#icurve)
<sup>
10+
</sup>
,
<br/>
delay?: number,
<br/>
motionPath?:
<br/>
{
<br/>
path: string,
<br/>
form?: number,
<br/>
to?: number,
<br/>
rotatable?: boolean
<br/>
},
<br/>
zIndex?: number,
<br/>
type?:
[
SharedTransitionEffectType
](
ts-appendix-enums.md#sharedtransitioneffecttype
)
<br/>
} | 两个页面中id值相同且不为空字符串的组件即为共享元素,在页面转场时可显示共享元素转场动效。
<br/>
-
id:设置组件的id。
<br/>
-
duration:描述共享元素转场动效播放时长。
<br/>
默认值:1000
<br/>
单位:毫秒
<br/>
取值范围:
[
0, +∞)<br/>值为0时表示无动画。设置小于0的值时,按默认值1000处理。<br/>- curve:默认曲线为Curve.Linear
。<br/>- delay:用来描述共享元素转场动效延迟播放的时长。<br/>默认值:0<br/>单位:毫秒<br/>取值范围:[0, +∞)<br/>设置小于0的值时,按值为0处理。<br/>- motionPath:运动路径信息,详细说明请参考[路径动画
](
ts-motion-path-animation.md
)
。
<br/>
-
path:设置路径。
<br/>
-
from:设置起始值。
<br/>
-
to:设置终止值。
<br/>
-
rotatable:是否旋转。
<br/>
-
zIndex:设置Z轴。
<br/>
-
type:动画类型。 |
## 示例
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录