Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
64c8077f
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看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
64c8077f
编写于
7月 17, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 17, 2023
浏览文件
操作
浏览文件
下载
差异文件
!20716 rotate add centerZ and perspective doc info
Merge pull request !20716 from lukewang1/rotate
上级
d39f5501
bcbd5155
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
2 addition
and
2 deletion
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md
...v/reference/arkui-ts/ts-transition-animation-component.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md
...erence/arkui-ts/ts-universal-attributes-transformation.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md
浏览文件 @
64c8077f
...
...
@@ -22,7 +22,7 @@ TransitionEffect以函数的形式指定转场效果。提供了以下接口:
| opacity | number | 是 | 设置组件转场时的透明度效果,为插入时起点和删除时终点的值。
<br/>
取值范围: [0, 1]
<br/>
**说明:**
<br/>
设置小于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, 0)代表组件的左上角。 |
| 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)代表组件的左上角
。 |
| rotate | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
angle:
number
\|
string,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
,
<br/>
centerZ?:
number,
<br/>
perspective?:
number
<br/>
} | 是 | 设置组件转场时的旋转效果,为插入时起点和删除时终点的值。
<br/>
-x:横向的旋转向量分量。
<br/>
-y:纵向的旋转向量分量。
<br/>
-z:竖向的旋转向量分量。
<br/>
-
centerX、centerY指旋转中心点,centerX和centerY默认值是"50%",即默认以组件的中心点为旋转中心点。
<br/>
-
中心点为(0, 0)代表组件的左上角。
<br/>
-centerZ指z轴锚点,即3D旋转中心点的z轴分量,centerZ默认值是0。
<br/>
-perspective指视距,即视点到z=0平面的距离,perspective默认值是0
。 |
| move |
[
TransitionEdge
](
ts-appendix-enums.md#transitionedge10
)
| 是 | 指定组件转场时从屏幕边缘滑入和滑出的效果,本质为平移效果,为插入时起点和删除时终点的值。 |
| asymmetric | appear: TransitionEffect,
<br/>
disappear: TransitionEffect
<br/>
| 是 | 指定非对称的转场效果。
<br/>
第一个参数指定出现的转场效果,第二个参数指定消失的转场效果。
<br/>
如不通过asymmetric函数构造TransitionEffect,则表明该效果在组件出现和消失时均生效。 |
| combine | TransitionEffect | 否 | 对TransitionEffect进行链式组合,以形成包含多种转场效果的TransitionEffect。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md
浏览文件 @
64c8077f
...
...
@@ -11,7 +11,7 @@
| 名称 | 参数类型 | 描述 |
| --------- | ---------------------------------------- | ---------------------------------------- |
| rotate | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
angle:
number
\|
string,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
<br/>
} | 可使组件在以组件左上角为坐标原点的坐标系中进行旋转(坐标系如下图所示)。其中,(x,
y,
z)指定一个矢量,作为旋转轴。
<br>
- angle:旋转角度。取值为正时相对于旋转轴方向顺时针转动,取值为负时相对于旋转轴方向逆时针转动。取值可为string类型,如'90deg'。
<br>
- centerX和centerY用于指定旋转的中心点。
<br>
旋转轴和旋转中心点都基于坐标系设定,组件发生位移时,坐标系不会随之移动。
<br>
默认值:
<br>
{
<br/>
x:
0,
<br/>
y:
0,
<br/>
z:
0,
<br/>
centerX:
'50%',
<br/>
centerY:
'50%'
<br/>
}
<br/>
![
coordinates
](
figures/coordinates.png
)
<br>
从API version 9开始,该接口
支持在ArkTS卡片中使用。 |
| rotate | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
angle:
number
\|
string,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
<br/>
centerZ
<sup>
10+
</sup>
?:
number
<br/>
perspective
<sup>
10+
</sup>
?:
number
<br/>
} | 可使组件在以组件左上角为坐标原点的坐标系中进行旋转(坐标系如下图所示)。其中,(x,
y,
z)指定一个矢量,作为旋转轴。
<br>
- angle:旋转角度。取值为正时相对于旋转轴方向顺时针转动,取值为负时相对于旋转轴方向逆时针转动。取值可为string类型,如'90deg'。
<br>
- centerX和centerY用于指定旋转的中心点。
<br>
- centerZ指z轴锚点,即3D旋转中心点的z轴分量。
<br/>
- perspective指视距,即视点到z=0平面的距离。
<br>
旋转轴和旋转中心点都基于坐标系设定,组件发生位移时,坐标系不会随之移动。
<br>
默认值:
<br>
{
<br/>
x:
0,
<br/>
y:
0,
<br/>
z:
0,
<br/>
centerX:
'50%',
<br/>
centerY:
'50%'
<br/>
centerZ:
0,
<br/>
perspective:
0
<br/>
}
<br/>
![
coordinates
](
figures/coordinates.png
)
<br>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br>
centerZ、perspective从API version 10开始
支持在ArkTS卡片中使用。 |
| translate | {
<br/>
x?:
number
\|
string,
<br/>
y?:
number
\|
string,
<br/>
z?
:
number
\|
string
<br/>
} | 可使组件在以组件左上角为坐标原点的坐标系中进行移动(坐标系如下图所示)。其中,x,y,z的值分别表示在对应轴移动的距离,值为正时表示向对应轴的正向移动,值为负时表示向对应轴的反向移动。移动距离支持数字和字符串(比如'10px',‘10%’)两种类型。
<br>
默认值:
<br>
{
<br/>
x:
0,
<br/>
y:
0,
<br/>
z:
0
<br/>
}
<br/>
![
coordinates
](
figures/coordinates.png
)
<br>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| scale | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
<br/>
} | 可以分别设置X轴、Y轴、Z轴的缩放比例,默认值为1,同时可以通过centerX和centerY设置缩放的中心点。
<br>
默认值:
<br>
{
<br/>
x:
1,
<br/>
y:
1,
<br/>
z:
1,
<br/>
centerX:'50%',
<br/>
centerY:'50%'
<br/>
}
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| transform |
[
Matrix4Transit
](
../apis/js-apis-matrix4.md
)
| 设置当前组件的变换矩阵。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录