Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
ac21d636
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
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看板
未验证
提交
ac21d636
编写于
9月 30, 2022
作者:
O
openharmony_ci
提交者:
Gitee
9月 30, 2022
浏览文件
操作
浏览文件
下载
差异文件
!10291 格式修改+断链处理
Merge pull request !10291 from LiAn/master
上级
c66a6bd7
e9e6950f
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
23 addition
and
43 deletion
+23
-43
zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md
...on-dev/reference/arkui-ts/ts-interpolation-calculation.md
+2
-22
zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md
...cation-dev/reference/arkui-ts/ts-matrix-transformation.md
+17
-17
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md
...n-dev/reference/arkui-ts/ts-universal-attributes-popup.md
+1
-1
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-css.md
...ence/js-service-widget-ui/js-service-widget-syntax-css.md
+2
-2
zh-cn/application-dev/ui/ts-pixel-units.md
zh-cn/application-dev/ui/ts-pixel-units.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md
浏览文件 @
ac21d636
...
...
@@ -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
| 参数名 | 类型 | 必填 | 默认值 | 说明 |
| ------ | ------------------------------------------------------------ | ---- | ------------ | ---------- |
| curve |
[
Curve
](
#curve枚举说明
)
| 否 | Curve.Linear | 曲线类型。 |
| curve |
[
Curve
](
ts-appendix-enums.md#curve
)
| 否 | Curve.Linear | 曲线类型。 |
## Curves.steps<sup>(deprecated)</sup>
...
...
@@ -226,26 +226,6 @@ spring(velocity: number, mass: number, stiffness: number, damping: number): stri
| stiffness | number | 是 | 刚度。是物体抵抗施加的力而形变的程度。在弹性系统中,刚度越大,抵抗变形的能力越强,恢复到平衡位置的速度就越快。 |
| damping | number | 是 | 阻尼。是一个纯数,无真实的物理意义,用于描述系统在受到扰动后震荡及衰减的情形。阻尼越大,弹性运动的震荡次数越少、震荡幅度越小。 |
## Curve枚举说明
| 名称 | 描述 |
| ------------------- | ---------------------------------------- |
| Linear | 表示动画从头到尾的速度都是相同的。 |
| Ease | 表示动画以低速开始,然后加快,在结束前变慢,CubicBezier(0.25,
0.1,
0.25,
1.0)。 |
| EaseIn | 表示动画以低速开始,CubicBezier(0.42,
0.0,
1.0,
1.0)。 |
| EaseOut | 表示动画以低速结束,CubicBezier(0.0,
0.0,
0.58,
1.0)。 |
| EaseInOut | 表示动画以低速开始和结束,CubicBezier(0.42,
0.0,
0.58,
1.0)。 |
| FastOutSlowIn | 标准曲线,cubic-bezier(0.4,
0.0,
0.2,
1.0)。 |
| LinearOutSlowIn | 减速曲线,cubic-bezier(0.0,
0.0,
0.2,
1.0)。 |
| FastOutLinearIn | 加速曲线,cubic-bezier(0.4,
0.0,
1.0,
1.0)。 |
| ExtremeDeceleration | 急缓曲线,cubic-bezier(0.0,
0.0,
0.0,
1.0)。 |
| Sharp | 锐利曲线,cubic-bezier(0.33,
0.0,
0.67,
1.0)。 |
| Rhythm | 节奏曲线,cubic-bezier(0.7,
0.0,
0.2,
1.0)。 |
| Smooth | 平滑曲线,cubic-bezier(0.4,
0.0,
0.4,
1.0)。 |
| Friction | 阻尼曲线,CubicBezier(0.2,
0.0,
0.2,
1.0)。 |
## 整体示例
```
ts
...
...
zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md
浏览文件 @
ac21d636
...
...
@@ -85,13 +85,13 @@ identity(): Matrix4Transit
Matrix的初始化函数,可以返回一个单位矩阵对象。
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | -------------- |
| Matrix4Transit | 单位矩阵对象。 |
**示例**
**示例
:
**
```
ts
// matrix1 和 matrix2 效果一致
...
...
@@ -128,13 +128,13 @@ copy(): Matrix4Transit
Matrix的拷贝函数,可以拷贝一份当前的矩阵对象。
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | -------------------- |
| Matrix4Transit | 当前矩阵的拷贝对象。 |
**示例**
**示例
:
**
```
ts
// xxx.ets
...
...
@@ -180,13 +180,13 @@ Matrix的叠加函数,可以将两个矩阵的效果叠加起来生成一个
| ------ | ------- | ---- | ------------------ |
| matrix | Matrix4 | 是 | 待叠加的矩阵对象。 |
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | ------------------ |
| Matrix4Transit | 矩阵叠加后的对象。 |
**示例**
**示例
:
**
```
ts
// xxx.ets
...
...
@@ -225,13 +225,13 @@ invert(): Matrix4Transit
Matrix的逆函数,可以返回一个当前矩阵对象的逆矩阵,即效果正好相反。
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | ---------------------- |
| Matrix4Transit | 当前矩阵的逆矩阵对象。 |
**示例**
**示例
:
**
```
ts
import
matrix4
from
'
@ohos.matrix4
'
...
...
@@ -266,7 +266,7 @@ translate({x?: number, y?: number, z?: number}): Matrix4Transit
Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。
**参数**
**参数
:
**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------------------------------- |
...
...
@@ -274,13 +274,13 @@ Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。
| y | number | 否 | y轴的平移距离,单位px。
<br/>
默认值:0 |
| z | number | 否 | z轴的平移距离,单位px。
<br/>
默认值:0 |
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | ---------------------------- |
| Matrix4Transit | 增加好平移效果后的矩阵对象。 |
**示例**
**示例
:
**
```
ts
// xxx.ets
...
...
@@ -320,13 +320,13 @@ Matrix的缩放函数,可以为当前矩阵增加x轴/Y轴/Z轴缩放效果。
| centerX | number | 否 | 变换中心点x轴坐标。
<br/>
默认值:0 |
| centerY | number | 否 | 变换中心点y轴坐标。
<br/>
默认值:0 |
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | ---------------------------- |
| Matrix4Transit | 增加好缩放效果后的矩阵对象。 |
**示例**
**示例
:
**
```
ts
// xxx.ets
...
...
@@ -367,13 +367,13 @@ Matrix的旋转函数,可以为当前矩阵增加x轴/Y轴/Z轴旋转效果。
| centerX | number | 否 | 变换中心点x轴坐标。
<br/>
默认值:0 |
| centerY | number | 否 | 变换中心点y轴坐标。
<br/>
默认值:0 |
**返回值**
**返回值
:
**
| 类型 | 说明 |
| -------------- | ---------------------------- |
| Matrix4Transit | 增加好旋转效果后的矩阵对象。 |
**示例**
**示例
:
**
```
ts
// xxx.ets
...
...
@@ -409,13 +409,13 @@ Matrix的坐标点转换函数,可以将当前的变换效果作用到一个
| ------ | ----- | ---- | ------------------ |
| point | Point | 是 | 需要转换的坐标点。 |
**返回值**
**返回值
:
**
| 类型 | 说明 |
| ----- | ---------------- |
| Point | 返回矩阵变换后的Point对象。 |
**示例**
**示例
:
**
```
ts
// xxx.ets
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md
浏览文件 @
ac21d636
...
...
@@ -35,7 +35,7 @@
| maskColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 提示气泡遮障层的颜色。 |
| popupColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 提示气泡的颜色。 |
| enableArrow | boolean | 否 | 是否显示箭头。
<br/>
从API Version 9开始,如果箭头所在方位侧的气泡长度不足以显示下箭头,则会默认不显示箭头。比如:placement设置为Left,但气泡高度小于箭头的宽度(32vp),则实际不会显示箭头。
<br/>
默认值:true |
| autoCancel | boolean | 否 | 页面有操作时,是否自动关闭气泡
<br/>
默认值:true |
| autoCancel | boolean | 否 | 页面有操作时,是否自动关闭气泡
。
<br/>
默认值:true |
| onStateChange | (event:
{
isVisible:
boolean
})
=
>
void | 否 | 弹窗状态变化事件回调,参数为弹窗当前的显示状态。 |
...
...
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-css.md
浏览文件 @
ac21d636
...
...
@@ -7,8 +7,8 @@ CSS是描述HML页面结构的样式语言。所有组件均存在系统默认
## 尺寸单位
1.
逻辑像素px(文档中以
<
length
>
表示):
1.
默认卡片具有的逻辑宽度为150px
(配置见
[
配置文件
](
js-service-widget-config-file.md#window
)
中的window小节)
,实际显示时会将页面布局缩放至屏幕实际宽度,如100px在宽度为300的卡片上,实际渲染为200物理像素(从150px向300物理像素,所有尺寸放大2倍)。
2.
额外配置autoDesignWidth为true时
(配置见
[
配置文件
](
js-service-widget-config-file.md#window
)
中的window小节)
,逻辑像素px将按照屏幕密度进行缩放,如100px在屏幕密度为3的设备上,实际渲染为300物理像素。应用需要适配多种设备时,建议采用此方法。
1.
默认卡片具有的逻辑宽度为150px,实际显示时会将页面布局缩放至屏幕实际宽度,如100px在宽度为300的卡片上,实际渲染为200物理像素(从150px向300物理像素,所有尺寸放大2倍)。
2.
额外配置autoDesignWidth为true时,逻辑像素px将按照屏幕密度进行缩放,如100px在屏幕密度为3的设备上,实际渲染为300物理像素。应用需要适配多种设备时,建议采用此方法。
2.
百分比(文档中以
<
percentage
>
表示):表示该组件占父组件尺寸的百分比,如组件的width设置为50%,代表其宽度为父组件的50%。
...
...
zh-cn/application-dev/ui/ts-pixel-units.md
浏览文件 @
ac21d636
...
...
@@ -8,7 +8,7 @@
| px | 屏幕物理像素单位。 |
| vp | 屏幕密度相关像素,根据屏幕像素密度转换为屏幕物理像素,当数值不带单位时,默认单位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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录