未验证 提交 ac21d636 编写于 作者: O openharmony_ci 提交者: Gitee

!10291 格式修改+断链处理

Merge pull request !10291 from LiAn/master
...@@ -24,7 +24,7 @@ initCurve(curve?: Curve):ICurve ...@@ -24,7 +24,7 @@ initCurve(curve?: Curve):ICurve
| 参数名 | 类型 | 必填 | 默认值 | 说明 | | 参数名 | 类型 | 必填 | 默认值 | 说明 |
| ------ | ------------------------------------------------------------ | ---- | ------------ | ---------- | | ------ | ------------------------------------------------------------ | ---- | ------------ | ---------- |
| curve | [Curve](#curve枚举说明) | 否 | Curve.Linear | 曲线类型。 | | curve | [Curve](ts-appendix-enums.md#curve) | 否 | Curve.Linear | 曲线类型。 |
**返回值:** **返回值:**
...@@ -175,7 +175,7 @@ init(curve?: Curve): string ...@@ -175,7 +175,7 @@ init(curve?: Curve): string
| 参数名 | 类型 | 必填 | 默认值 | 说明 | | 参数名 | 类型 | 必填 | 默认值 | 说明 |
| ------ | ------------------------------------------------------------ | ---- | ------------ | ---------- | | ------ | ------------------------------------------------------------ | ---- | ------------ | ---------- |
| curve |[Curve](#curve枚举说明) | 否 | Curve.Linear | 曲线类型。 | | curve |[Curve](ts-appendix-enums.md#curve) | 否 | Curve.Linear | 曲线类型。 |
## Curves.steps<sup>(deprecated)</sup> ## Curves.steps<sup>(deprecated)</sup>
...@@ -226,26 +226,6 @@ spring(velocity: number, mass: number, stiffness: number, damping: number): stri ...@@ -226,26 +226,6 @@ spring(velocity: number, mass: number, stiffness: number, damping: number): stri
| stiffness | number | 是 | 刚度。是物体抵抗施加的力而形变的程度。在弹性系统中,刚度越大,抵抗变形的能力越强,恢复到平衡位置的速度就越快。 | | stiffness | number | 是 | 刚度。是物体抵抗施加的力而形变的程度。在弹性系统中,刚度越大,抵抗变形的能力越强,恢复到平衡位置的速度就越快。 |
| damping | number | 是 | 阻尼。是一个纯数,无真实的物理意义,用于描述系统在受到扰动后震荡及衰减的情形。阻尼越大,弹性运动的震荡次数越少、震荡幅度越小。 | | damping | number | 是 | 阻尼。是一个纯数,无真实的物理意义,用于描述系统在受到扰动后震荡及衰减的情形。阻尼越大,弹性运动的震荡次数越少、震荡幅度越小。 |
## Curve枚举说明
| 名称 | 描述 |
| ------------------- | ---------------------------------------- |
| Linear | 表示动画从头到尾的速度都是相同的。 |
| Ease | 表示动画以低速开始,然后加快,在结束前变慢,CubicBezier(0.25,&nbsp;0.1,&nbsp;0.25,&nbsp;1.0)。 |
| EaseIn | 表示动画以低速开始,CubicBezier(0.42,&nbsp;0.0,&nbsp;1.0,&nbsp;1.0)。 |
| EaseOut | 表示动画以低速结束,CubicBezier(0.0,&nbsp;0.0,&nbsp;0.58,&nbsp;1.0)。 |
| EaseInOut | 表示动画以低速开始和结束,CubicBezier(0.42,&nbsp;0.0,&nbsp;0.58,&nbsp;1.0)。 |
| FastOutSlowIn | 标准曲线,cubic-bezier(0.4,&nbsp;0.0,&nbsp;0.2,&nbsp;1.0)。 |
| LinearOutSlowIn | 减速曲线,cubic-bezier(0.0,&nbsp;0.0,&nbsp;0.2,&nbsp;1.0)。 |
| FastOutLinearIn | 加速曲线,cubic-bezier(0.4,&nbsp;0.0,&nbsp;1.0,&nbsp;1.0)。 |
| ExtremeDeceleration | 急缓曲线,cubic-bezier(0.0,&nbsp;0.0,&nbsp;0.0,&nbsp;1.0)。 |
| Sharp | 锐利曲线,cubic-bezier(0.33,&nbsp;0.0,&nbsp;0.67,&nbsp;1.0)。 |
| Rhythm | 节奏曲线,cubic-bezier(0.7,&nbsp;0.0,&nbsp;0.2,&nbsp;1.0)。 |
| Smooth | 平滑曲线,cubic-bezier(0.4,&nbsp;0.0,&nbsp;0.4,&nbsp;1.0)。 |
| Friction | 阻尼曲线,CubicBezier(0.2,&nbsp;0.0,&nbsp;0.2,&nbsp;1.0)。 |
## 整体示例 ## 整体示例
```ts ```ts
......
...@@ -85,13 +85,13 @@ identity(): Matrix4Transit ...@@ -85,13 +85,13 @@ identity(): Matrix4Transit
Matrix的初始化函数,可以返回一个单位矩阵对象。 Matrix的初始化函数,可以返回一个单位矩阵对象。
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | -------------- | | -------------- | -------------- |
| Matrix4Transit | 单位矩阵对象。 | | Matrix4Transit | 单位矩阵对象。 |
**示例** **示例**
```ts ```ts
// matrix1 和 matrix2 效果一致 // matrix1 和 matrix2 效果一致
...@@ -128,13 +128,13 @@ copy(): Matrix4Transit ...@@ -128,13 +128,13 @@ copy(): Matrix4Transit
Matrix的拷贝函数,可以拷贝一份当前的矩阵对象。 Matrix的拷贝函数,可以拷贝一份当前的矩阵对象。
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | -------------------- | | -------------- | -------------------- |
| Matrix4Transit | 当前矩阵的拷贝对象。 | | Matrix4Transit | 当前矩阵的拷贝对象。 |
**示例** **示例**
```ts ```ts
// xxx.ets // xxx.ets
...@@ -180,13 +180,13 @@ Matrix的叠加函数,可以将两个矩阵的效果叠加起来生成一个 ...@@ -180,13 +180,13 @@ Matrix的叠加函数,可以将两个矩阵的效果叠加起来生成一个
| ------ | ------- | ---- | ------------------ | | ------ | ------- | ---- | ------------------ |
| matrix | Matrix4 | 是 | 待叠加的矩阵对象。 | | matrix | Matrix4 | 是 | 待叠加的矩阵对象。 |
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | ------------------ | | -------------- | ------------------ |
| Matrix4Transit | 矩阵叠加后的对象。 | | Matrix4Transit | 矩阵叠加后的对象。 |
**示例** **示例**
```ts ```ts
// xxx.ets // xxx.ets
...@@ -225,13 +225,13 @@ invert(): Matrix4Transit ...@@ -225,13 +225,13 @@ invert(): Matrix4Transit
Matrix的逆函数,可以返回一个当前矩阵对象的逆矩阵,即效果正好相反。 Matrix的逆函数,可以返回一个当前矩阵对象的逆矩阵,即效果正好相反。
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | ---------------------- | | -------------- | ---------------------- |
| Matrix4Transit | 当前矩阵的逆矩阵对象。 | | Matrix4Transit | 当前矩阵的逆矩阵对象。 |
**示例** **示例**
```ts ```ts
import matrix4 from '@ohos.matrix4' import matrix4 from '@ohos.matrix4'
...@@ -266,7 +266,7 @@ translate({x?: number, y?: number, z?: number}): Matrix4Transit ...@@ -266,7 +266,7 @@ translate({x?: number, y?: number, z?: number}): Matrix4Transit
Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。 Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。
**参数** **参数**
| 参数名 | 类型 | 必填 | 说明 | | 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------------------------------- | | ------ | ------ | ---- | ------------------------------------- |
...@@ -274,13 +274,13 @@ Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。 ...@@ -274,13 +274,13 @@ Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。
| y | number | 否 | y轴的平移距离,单位px。<br/>默认值:0 | | y | number | 否 | y轴的平移距离,单位px。<br/>默认值:0 |
| z | number | 否 | z轴的平移距离,单位px。<br/>默认值:0 | | z | number | 否 | z轴的平移距离,单位px。<br/>默认值:0 |
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | ---------------------------- | | -------------- | ---------------------------- |
| Matrix4Transit | 增加好平移效果后的矩阵对象。 | | Matrix4Transit | 增加好平移效果后的矩阵对象。 |
**示例** **示例**
```ts ```ts
// xxx.ets // xxx.ets
...@@ -320,13 +320,13 @@ Matrix的缩放函数,可以为当前矩阵增加x轴/Y轴/Z轴缩放效果。 ...@@ -320,13 +320,13 @@ Matrix的缩放函数,可以为当前矩阵增加x轴/Y轴/Z轴缩放效果。
| centerX | number | 否 | 变换中心点x轴坐标。<br/>默认值:0 | | centerX | number | 否 | 变换中心点x轴坐标。<br/>默认值:0 |
| centerY | number | 否 | 变换中心点y轴坐标。<br/>默认值:0 | | centerY | number | 否 | 变换中心点y轴坐标。<br/>默认值:0 |
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | ---------------------------- | | -------------- | ---------------------------- |
| Matrix4Transit | 增加好缩放效果后的矩阵对象。 | | Matrix4Transit | 增加好缩放效果后的矩阵对象。 |
**示例** **示例**
```ts ```ts
// xxx.ets // xxx.ets
...@@ -367,13 +367,13 @@ Matrix的旋转函数,可以为当前矩阵增加x轴/Y轴/Z轴旋转效果。 ...@@ -367,13 +367,13 @@ Matrix的旋转函数,可以为当前矩阵增加x轴/Y轴/Z轴旋转效果。
| centerX | number | 否 | 变换中心点x轴坐标。<br/>默认值:0 | | centerX | number | 否 | 变换中心点x轴坐标。<br/>默认值:0 |
| centerY | number | 否 | 变换中心点y轴坐标。<br/>默认值:0 | | centerY | number | 否 | 变换中心点y轴坐标。<br/>默认值:0 |
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| -------------- | ---------------------------- | | -------------- | ---------------------------- |
| Matrix4Transit | 增加好旋转效果后的矩阵对象。 | | Matrix4Transit | 增加好旋转效果后的矩阵对象。 |
**示例** **示例**
```ts ```ts
// xxx.ets // xxx.ets
...@@ -409,13 +409,13 @@ Matrix的坐标点转换函数,可以将当前的变换效果作用到一个 ...@@ -409,13 +409,13 @@ Matrix的坐标点转换函数,可以将当前的变换效果作用到一个
| ------ | ----- | ---- | ------------------ | | ------ | ----- | ---- | ------------------ |
| point | Point | 是 | 需要转换的坐标点。 | | point | Point | 是 | 需要转换的坐标点。 |
**返回值** **返回值**
| 类型 | 说明 | | 类型 | 说明 |
| ----- | ---------------- | | ----- | ---------------- |
| Point | 返回矩阵变换后的Point对象。 | | Point | 返回矩阵变换后的Point对象。 |
**示例** **示例**
```ts ```ts
// xxx.ets // xxx.ets
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
| maskColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | 提示气泡遮障层的颜色。 | | maskColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | 提示气泡遮障层的颜色。 |
| popupColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | 提示气泡的颜色。 | | popupColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | 提示气泡的颜色。 |
| enableArrow | boolean | 否 | 是否显示箭头。<br/>从API Version 9开始,如果箭头所在方位侧的气泡长度不足以显示下箭头,则会默认不显示箭头。比如:placement设置为Left,但气泡高度小于箭头的宽度(32vp),则实际不会显示箭头。<br/>默认值:true | | enableArrow | boolean | 否 | 是否显示箭头。<br/>从API Version 9开始,如果箭头所在方位侧的气泡长度不足以显示下箭头,则会默认不显示箭头。比如:placement设置为Left,但气泡高度小于箭头的宽度(32vp),则实际不会显示箭头。<br/>默认值:true |
| autoCancel | boolean | 否 | 页面有操作时,是否自动关闭气泡<br/>默认值:true | | autoCancel | boolean | 否 | 页面有操作时,是否自动关闭气泡<br/>默认值:true |
| onStateChange | (event:&nbsp;{&nbsp;isVisible:&nbsp;boolean&nbsp;})&nbsp;=&gt;&nbsp;void | 否 | 弹窗状态变化事件回调,参数为弹窗当前的显示状态。 | | onStateChange | (event:&nbsp;{&nbsp;isVisible:&nbsp;boolean&nbsp;})&nbsp;=&gt;&nbsp;void | 否 | 弹窗状态变化事件回调,参数为弹窗当前的显示状态。 |
......
...@@ -7,8 +7,8 @@ CSS是描述HML页面结构的样式语言。所有组件均存在系统默认 ...@@ -7,8 +7,8 @@ CSS是描述HML页面结构的样式语言。所有组件均存在系统默认
## 尺寸单位 ## 尺寸单位
1. 逻辑像素px(文档中以&lt;length&gt;表示): 1. 逻辑像素px(文档中以&lt;length&gt;表示):
1. 默认卡片具有的逻辑宽度为150px(配置见[配置文件](js-service-widget-config-file.md#window)中的window小节),实际显示时会将页面布局缩放至屏幕实际宽度,如100px在宽度为300的卡片上,实际渲染为200物理像素(从150px向300物理像素,所有尺寸放大2倍)。 1. 默认卡片具有的逻辑宽度为150px,实际显示时会将页面布局缩放至屏幕实际宽度,如100px在宽度为300的卡片上,实际渲染为200物理像素(从150px向300物理像素,所有尺寸放大2倍)。
2. 额外配置autoDesignWidth为true时(配置见[配置文件](js-service-widget-config-file.md#window)中的window小节),逻辑像素px将按照屏幕密度进行缩放,如100px在屏幕密度为3的设备上,实际渲染为300物理像素。应用需要适配多种设备时,建议采用此方法。 2. 额外配置autoDesignWidth为true时,逻辑像素px将按照屏幕密度进行缩放,如100px在屏幕密度为3的设备上,实际渲染为300物理像素。应用需要适配多种设备时,建议采用此方法。
2. 百分比(文档中以&lt;percentage&gt;表示):表示该组件占父组件尺寸的百分比,如组件的width设置为50%,代表其宽度为父组件的50%。 2. 百分比(文档中以&lt;percentage&gt;表示):表示该组件占父组件尺寸的百分比,如组件的width设置为50%,代表其宽度为父组件的50%。
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
| px | 屏幕物理像素单位。 | | px | 屏幕物理像素单位。 |
| vp | 屏幕密度相关像素,根据屏幕像素密度转换为屏幕物理像素,当数值不带单位时,默认单位vp。 | | vp | 屏幕密度相关像素,根据屏幕像素密度转换为屏幕物理像素,当数值不带单位时,默认单位vp。 |
| fp | 字体像素,与vp类似适用屏幕密度变化,随系统字体大小设置变化。 | | fp | 字体像素,与vp类似适用屏幕密度变化,随系统字体大小设置变化。 |
| lpx | 视窗逻辑像素单位,lpx单位为实际屏幕宽度与逻辑宽度(通过[designWidth](../ui/ts-framework-js-tag.md)配置)的比值,designWidth默认值为720。当designWidth为720时,在实际宽度为1440物理像素的屏幕上,1lpx为2px大小。 | | lpx | 视窗逻辑像素单位,lpx单位为实际屏幕宽度与逻辑宽度(通过[designWidth](../quick-start/package-structure.md)配置)的比值,designWidth默认值为720。当designWidth为720时,在实际宽度为1440物理像素的屏幕上,1lpx为2px大小。 |
## 像素单位转换 ## 像素单位转换
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册