Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
XKZJ_WCL
Docs
提交
39f145fd
D
Docs
项目概览
XKZJ_WCL
/
Docs
与 Fork 源项目一致
Fork自
OpenHarmony / Docs
通知
1
Star
0
Fork
0
代码
文件
提交
分支
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,发现更多精彩内容 >>
提交
39f145fd
编写于
3月 24, 2023
作者:
Y
yamila
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Specification synchronization2
Signed-off-by:
N
yamila
<
tianyu55@huawei.com
>
上级
4db81ab8
变更
8
显示空白变更内容
内联
并排
Showing
8 changed file
with
40 addition
and
40 deletion
+40
-40
zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md
...application-dev/reference/arkui-ts/ts-animatorproperty.md
+5
-5
zh-cn/application-dev/reference/arkui-ts/ts-appendix-enums.md
...n/application-dev/reference/arkui-ts/ts-appendix-enums.md
+21
-21
zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md
...on-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md
...on-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md
...cation-dev/reference/arkui-ts/ts-motion-path-animation.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
+5
-5
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md
...v/reference/arkui-ts/ts-transition-animation-component.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
+2
-2
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-animatorproperty.md
浏览文件 @
39f145fd
...
...
@@ -14,13 +14,13 @@ animation(value: {duration?: number, tempo?: number, curve?: string | Curve | IC
| 名称 | 参数类型 | 必填 | 描述 |
| ---------- | ------------------------------------------| ---- | ------------------------------------------------------------ |
| duration | number | 否 | 设置动画时长。
单位为毫秒,默认动画时长为1000毫秒。
<br/>
默认值:1000
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
- 在ArkTS卡片上最大动画持续时间为1000毫秒,若超出则固定为1000毫秒
。 |
| tempo | number | 否 | 动画播放速度。数值越大,动画播放速度越快,数值越小,播放速度越慢
<br/>
值为0时,表示不存在动画。
<br/>
默认值:1
|
| duration | number | 否 | 设置动画时长。
<br/>
默认值:1000
<br/>
单位:毫秒
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
- 在ArkTS卡片上最大动画持续时间为1000毫秒。
<br/>
-
设置小于1的值时按0处理。
<br>
-
设置浮点型类型的值时,向下取整;设置值为1.2,按照1处理
。 |
| tempo | number | 否 | 动画播放速度。数值越大,动画播放速度越快,数值越小,播放速度越慢
。
<br/>
值为0时,表示不存在动画。
<br/>
默认值:1
<br/>
**说明:**
<br/>
当设置小于1的值时按值为1处理。
|
| curve | string
\|
[Curve](ts-appendix-enums.md#curve)
\|
ICurve
<sup>
9+
</sup>
| 否 | 设置动画曲线。默认曲线为线性。
<br/>
默认值:Curve.Linear
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| delay | number | 否 | 设置动画延迟执行的时长。单位为毫秒,默认不延时播放。
<br/>
默认值:0
|
| iterations | number | 否 | 设置播放次数。
默认播放一次,设置为-1时表示无限次播放。
<br/>
默认值:1
|
| delay | number | 否 | 设置动画延迟执行的时长。单位为毫秒,默认不延时播放。
<br/>
默认值:0
<br/>
取值范围:
[
0, +∞)<br/>**说明:** <br/>当设置的值小于1时按0处理。设置浮点型类型的值时,向下取整。例如,设置值为1.2,按照1处理。
|
| iterations | number | 否 | 设置播放次数。
<br/>默认值:1<br/>取值范围:[-1, +∞)<br/>**说明:** <br/>设置为-1时表示无限次播放。设置为0时表示无动画效果。
|
| playMode | [PlayMode
](
ts-appendix-enums.md#playmode
)
| 否 | 设置动画播放模式,默认播放完成后重头开始播放。
<br/>
默认值:PlayMode.Normal
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| onFinish | () => void | 否 | 状态回调,动画播放完成时触发。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| onFinish | () => void | 否 | 状态回调,动画播放完成时触发。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
当iterations设置为-1时,动画效果无限循环不会停止,所以不会触发此回调。
|
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-appendix-enums.md
浏览文件 @
39f145fd
...
...
@@ -237,8 +237,8 @@
| 名称 | 描述 |
| ------ | -------------------------------------------------- |
| All | 指定当前的Transition动效生效在组件的所有变化场景。 |
| Insert | 指定当前的Transition动效生效在组件的插入
场景。
|
| Delete | 指定当前的Transition动效生效在组件的删除
场景。
|
| Insert | 指定当前的Transition动效生效在组件的插入
显示场景。
|
| Delete | 指定当前的Transition动效生效在组件的删除
隐藏场景。
|
## RelateType
...
...
@@ -520,30 +520,30 @@
该接口支持在ArkTS卡片中使用。
| 名称 | 描述 |
| ------- | ---------- |
| Thin | 轻薄材质模糊。 |
| Regular | 普通厚度材质模糊。 |
| Thick | 厚材质模糊。 |
| BackgroundThin | 近距景深模糊。 |
| BackgroundRegular | 中距景深模糊。 |
| BackgroundThick | 远距景深模糊。 |
| BackgroundUltraThick | 超远距景深模糊。 |
| 名称 | 描述 |
| ------- | ---------- |
| Thin | 轻薄材质模糊。 |
| Regular | 普通厚度材质模糊。 |
| Thick | 厚材质模糊。 |
| BackgroundThin | 近距景深模糊。 |
| BackgroundRegular | 中距景深模糊。 |
| BackgroundThick | 远距景深模糊。 |
| BackgroundUltraThick | 超远距景深模糊。 |
## ThemeColorMode<sup>10+</sup>
| 名称 | 描述 |
| ------- | ---------- |
| System | 跟随系统深浅色模式。 |
| Light | 固定使用浅色模式。 |
| Dark | 固定使用深色模式。 |
| 名称 | 描述 |
| ------- | ---------- |
| System | 跟随系统深浅色模式。 |
| Light | 固定使用浅色模式。 |
| Dark | 固定使用深色模式。 |
## AdaptiveColor<sup>10+</sup>
| 名称 | 描述 |
| ------- | ----------- |
| Default | 不使用取色模糊。使用默认的颜色作为蒙版颜色。 |
| Average | 使用取色模糊。将取色区域的颜色平均值作为蒙版颜色。 |
| 名称 | 描述 |
| ------- | ----------- |
| Default | 不使用取色模糊。使用默认的颜色作为蒙版颜色。 |
| Average | 使用取色模糊。将取色区域的颜色平均值作为蒙版颜色。 |
## TextHeightAdaptivePolicy<sup>10+</sup>
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-pangesture.md
浏览文件 @
39f145fd
...
...
@@ -17,7 +17,7 @@ PanGesture(value?: { fingers?: number; direction?: PanDirection; distance?: numb
| 参数名称 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| fingers | number | 否 | 触发拖动的最少手指数,最小为1指,
最大取值为10指。
<br/>
默认值:1 |
| fingers | number | 否 | 触发拖动的最少手指数,最小为1指,
最大取值为10指。
<br/>
默认值:1
<br/>
取值范围:[1,10]
<br/>
**说明:**
<br/>
当设置的值小于1或不设置时,会被转化为默认值。
|
| direction | PanDirection | 否 | 触发拖动的手势方向,此枚举值支持逻辑与(
&
)和逻辑或(
\|
)运算。
<br/>
默认值:PanDirection.All |
| distance | number | 否 | 最小拖动识别距离,单位为vp。
<br/>
默认值:5
<br/>
**说明:**
<br/>
[
Tabs组件
](
ts-container-tabs.md
)
滑动与该拖动手势事件同时存在时,可将distance值设为1,使拖动更灵敏,避免造成事件错乱。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-gestures-tapgesture.md
浏览文件 @
39f145fd
# TapGesture
支持单
次或多次点击
识别。
支持单
击、双击和多次点击事件的
识别。
> **说明:**
>
...
...
@@ -15,8 +15,8 @@ TapGesture(value?: { count?: number, fingers?: number })
| 参数名称 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| count | number | 否 | 识别的连续点击次数。
如果设置小于1
,会被转化为默认值。
<br/>
默认值:1
<br/>
**说明:**
<br/>
如配置多击,上一次抬起和下一次按下的超时时间为300毫秒。 |
| fingers | number | 否 | 触发点击的手指数,最小为1指,
最大为10指。
<br/>
默认值:1
<br/>
**说明:**
<br/>
1. 当配置多指时,第一根手指按下后300毫秒内未有足够的手指数按下,手势识别失败。
<br/>
2. 实际点击手指数超过配置值,手势识别失败。 |
| count | number | 否 | 识别的连续点击次数。
当设置的值小于1或不设置时
,会被转化为默认值。
<br/>
默认值:1
<br/>
**说明:**
<br/>
如配置多击,上一次抬起和下一次按下的超时时间为300毫秒。 |
| fingers | number | 否 | 触发点击的手指数,最小为1指,
最大为10指。
当设置小于1的值或不设置时,会被转化为默认值。
<br/>
默认值:1
<br/>
**说明:**
<br/>
1. 当配置多指时,第一根手指按下后300毫秒内未有足够的手指数按下,手势识别失败。
<br/>
2. 实际点击手指数超过配置值,手势识别失败。 |
## 事件
...
...
zh-cn/application-dev/reference/arkui-ts/ts-motion-path-animation.md
浏览文件 @
39f145fd
...
...
@@ -11,7 +11,7 @@
| 名称 | 参数类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
| motionPath | {
<br/>
path:
string,
<br/>
from?:
number,
<br/>
to?:
number,
<br/>
rotatable?:
boolean
<br/>
}
<br/>
**说明:**
<br/>
path中支持使用start和end进行起点和终点的替代,如:
<br/>
'Mstart.x
start.y
L50
50
Lend.x
end.y
Z',更多说明请参考
[
绘制路径
](
../../ui/ui-js-components-svg-path.md
)
。 | {
<br/>
'',
<br/>
0.0,
<br/>
1.0,
<br/>
false
<br/>
} | 设置组件的运动路径,入参说明如下:
<br/>
-
path:位移动画的运动路径,使用svg路径字符串。
<br/>
-
from:运动路径的起点
,默认为0.0。
<br/>
-
to:运动路径的终点,默认为1.0
。
<br/>
-
rotatable:是否跟随路径进行旋转。 |
| motionPath | {
<br/>
path:
string,
<br/>
from?:
number,
<br/>
to?:
number,
<br/>
rotatable?:
boolean
<br/>
}
<br/>
**说明:**
<br/>
path中支持使用start和end进行起点和终点的替代,如:
<br/>
'Mstart.x
start.y
L50
50
Lend.x
end.y
Z',更多说明请参考
[
绘制路径
](
../../ui/ui-js-components-svg-path.md
)
。 | {
<br/>
'',
<br/>
0.0,
<br/>
1.0,
<br/>
false
<br/>
} | 设置组件的运动路径,入参说明如下:
<br/>
-
path:位移动画的运动路径,使用svg路径字符串。
<br/>
-
from:运动路径的起点
。
<br/>
默认值:0.0
<br/>
取值范围:[0, 1]
<br/>
设置小于0的值时,按值为0处理。设置大于1的值时,按值为1处理。
<br/>
-
to:运动路径的终点。
<br/>
默认值:1.0
<br/>
取值范围:[0, 1]
<br/>
设置小于0的值时,按值为0处理。设置大于1的值时,按值为1处理
。
<br/>
-
rotatable:是否跟随路径进行旋转。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
浏览文件 @
39f145fd
# 页面间转场
在全局pageTransition方法内配置页面入场和页面退场时的自定义
转场动效。
当路由进行切换时,可以通过 在pageTransition中自定义页面入场和页面退场的
转场动效。
> **说明:**
>
...
...
@@ -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为0。
<br/>
-
duration:动画的时长,单位为毫秒。
<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:动画延迟时长,单位为毫秒,默认不延迟播放。
|
| 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为0。
<br/>
-
duration:动画的时长,单位为毫秒。
<br/>
-
curve:动画曲线,string类型取值与PageTransitionEnter相同。
<br/>
默认值:Curve.Linear
<br/>
-
delay:动画延迟时长,单位为毫秒,默认不延迟播放。
|
| 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/>
**说明:**
<br/>
没有匹配时使用系统默认的页面转场效果(根据设备可能会有差异),如需禁用系统默认页面转场效果,可以指定duration为0。
<br/>
-
duration:动画的时长
<br/>
单位:毫秒
<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/>
默认值:0
<br/>
单位:毫秒
|
| 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/>
**说明:**
<br/>
没有匹配时使用系统默认的页面转场效果(根据设备可能会有差异),如需禁用系统默认页面转场效果,可以指定duration为0。
<br/>
-
duration:动画的时长,单位为毫秒。
<br/>
-
curve:动画曲线,string类型取值与PageTransitionEnter相同。
<br/>
默认值:Curve.Linear
<br/>
-
delay:动画延迟时长。
<br/>
默认值:0
<br/>
单位:毫秒
|
## RouteType枚举说明
...
...
@@ -45,8 +45,8 @@
| 事件 | 功能描述 |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
| onEnter(event: (type?:
RouteType,
progress?:
number)
=
>
void) | 回调入参为当前入场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。 |
| onExit(event: (type?:
RouteType,
progress?:
number)
=
>
void) | 回调入参为当前退场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。 |
| onEnter(event: (type?:
RouteType,
progress?:
number)
=
>
void) | 回调入参为当前入场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。
<br/>
触发该事件的条件:
<br/>
逐帧回调,直到入场动画结束,progress从0变化到1。
|
| onExit(event: (type?:
RouteType,
progress?:
number)
=
>
void) | 回调入参为当前退场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。
<br/>
触发该事件的条件:
<br/>
逐帧回调,直到退场动画结束,progress从0变化到1。
|
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md
浏览文件 @
39f145fd
...
...
@@ -12,14 +12,14 @@
| 名称 | 参数类型 | 参数描述 |
| -------- | -------- | -------- |
| transition | TransitionOptions | 所有参数均为可选参数,详细描述见TransitionOptions参数说明。 |
| transition | TransitionOptions |
设置组件插入显示和删除隐藏的过渡效果。
<br/>
默认值:不设置任何过渡效果时,默认有透明度从0到1的过渡效果。若设置了其他过渡效果,以设置的过渡效果为准。
<br/>
**说明:**
<br/>
所有参数均为可选参数,详细描述见TransitionOptions参数说明。 |
## TransitionOptions参数说明
| 参数名称 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| type |
[
TransitionType
](
ts-appendix-enums.md#transitiontype
)
| 否 | 默认包括组件新增和删除。
<br/>
默认值:TransitionType.All
<br/>
**说明:**
<br/>
不指定Type时说明插入删除使用同一种效果。 |
| opacity | number | 否 | 设置组件转场时的透明度效果,为插入时起点和删除时终点的值。
<br/>
默认值:1 |
| opacity | number | 否 | 设置组件转场时的透明度效果,为插入时起点和删除时终点的值。
<br/>
默认值:1
<br/>
取值范围: [0, 1]
<br/>
**说明:**
<br/>
设置小于0的值时,按值为0处理;设置大于1的值时,按值为1处理。
|
| translate | {
<br/>
x?
:
number
\|
string,
<br/>
y?
:
number
\|
string,
<br/>
z?
:
number
\|
string
<br/>
} | 否 | 设置组件转场时的平移效果,为插入时起点和删除时终点的值。
<br/>
-x:横向的平移距离。
<br/>
-y:纵向的平移距离。
<br/>
-z:竖向的平移距离。 |
| scale | {
<br/>
x?
:
number,
<br/>
y?
:
number,
<br/>
z?
:
number,
<br/>
centerX?
:
number
\|
string,
<br/>
centerY?
:
number
\|
string
<br/>
} | 否 | 设置组件转场时的缩放效果,为插入时起点和删除时终点的值。
<br/>
-x:横向放大倍数(或缩小比例)。
<br/>
-y:纵向放大倍数(或缩小比例)。
<br/>
-z:竖向放大倍数(或缩小比例)。
<br/>
-
centerX、centerY指缩放中心点,centerX和centerY默认值是"50%"。
<br/>
-
中心点为0时,默认的是组件的左上角。
<br/>
|
| rotate | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
angle?:
number
\|
string,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
<br/>
} | 否 | 设置组件转场时的旋转效果,为插入时起点和删除时终点的值。
<br/>
-x:横向的旋转向量。
<br/>
-y:纵向的旋转向量。
<br/>
-z:竖向的旋转向量。
<br/>
-
centerX,centerY指旋转中心点,centerX和centerY默认值是"50%"。
<br/>
-
中心点为(0,0)时,默认的是组件的左上角。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md
浏览文件 @
39f145fd
# 共享元素转场
设置页面间转场时共享元素的转场动效。
当路由进行切换时,可以通过设置组件的 sharedTransition 属性将该元素标记为共享元素并设置对应的共享元素转场动效。
> **说明:**
>
...
...
@@ -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:
单位为毫秒,默认动画时长为1000毫秒。
<br/>
-
curve:默认曲线为Linear,有效值参见[Curve](ts-animatorproperty.md)说明。
<br/>
-
delay:单位为毫秒,默认不延时播放
。
<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
\|
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的值时,按值为0处理。<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:动画类型。 |
## 示例
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录