Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
ee847043
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看板
未验证
提交
ee847043
编写于
12月 12, 2022
作者:
O
openharmony_ci
提交者:
Gitee
12月 12, 2022
浏览文件
操作
浏览文件
下载
差异文件
!11667 添加responsiveSpringMotion曲线文档
Merge pull request !11667 from hehongyang9/dev
上级
b8fcd58a
b0ff3155
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
62 addition
and
0 deletion
+62
-0
zh-cn/application-dev/reference/apis/js-apis-curve.md
zh-cn/application-dev/reference/apis/js-apis-curve.md
+62
-0
未找到文件。
zh-cn/application-dev/reference/apis/js-apis-curve.md
浏览文件 @
ee847043
...
...
@@ -140,6 +140,68 @@ Curves.springCurve(100, 1, 228, 30) // 创建一个弹簧插值曲线
```
## Curves.springMotion<sup>9+</sup>
springMotion(response?: number, dampingFraction?: number, overlapDuration?: number): ICurve
构造弹性动画曲线对象。如果对同一对象的同一属性进行多个弹性动画,每个动画会替换掉前一个动画,并继承之前的速度。
**系统能力:**
SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| --------- | ------ | ---- | ----- |
| response | number | 否 | 弹簧自然振动周期,决定弹簧复位的速度。单位:秒,默认值:0.55。 |
| dampingFraction | number | 否 | 阻尼系数。
<br>
0表示无阻尼,一直处于震荡状态;
<br>
大于0小于1的值为欠阻尼,运动过程中会超出目标值;
<br>
等于1为临界阻尼;
<br>
大于1为过阻尼,运动过程中逐渐趋于目标值。
<br>
默认值:0.825。 |
| overlapDuration | number | 否 | 弹性动画衔接时长。发生动画继承时,如果前后两个弹性动画response不一致,response参数会在overlapDuration时间内平滑过渡。单位:秒,默认值:0。 |
**返回值:**
| 类型 | 说明 |
| ---------------------------------- | ---------------- |
|
[
ICurve
](
#icurve
)
| 曲线对象。
<br>
**说明:**
弹性动画曲线为物理曲线,animation、animateTo中的duration参数不生效,动画持续时间取决于springMotion动画曲线参数和之前的速度。时间不能归一,故不能通过该曲线的
[
interpolate
](
#interpolate
)
函数获得插值。 |
**示例:**
```
ts
import
Curves
from
'
@ohos.curves
'
Curves
.
springMotion
()
// 创建一个默认弹性动画曲线
Curves
.
springMotion
(
0.5
)
// 创建指定response、其余参数默认的弹性动画曲线
Curves
.
springMotion
(
0.5
,
0.6
)
// 创建指定response和dampingFraction、其余参数默认的弹性动画曲线
Curves
.
springMotion
(
0.5
,
0.6
,
0
)
// 创建三个参数均自定义的弹性动画曲线
```
## Curves.responsiveSpringMotion<sup>9+</sup>
responsiveSpringMotion(response?: number, dampingFraction?: number, overlapDuration?: number): ICurve
构造弹性跟手动画曲线对象,是
[
springMotion
](
#curvesspringmotion9
)
的一种特例,仅默认参数不同,可与springMotion混合使用。
**系统能力:**
SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| --------- | ------ | ---- | ----- |
| response | number | 否 | 解释同springMotion中的response。单位:秒,默认值:0.15。 |
| dampingFraction | number | 否 | 解释同springMotion中的dampingFraction。默认值:0.86。 |
| overlapDuration | number | 否 | 解释同springMotion中的overlapDuration。单位:秒,默认值:0.25。 |
**返回值:**
| 类型 | 说明 |
| ---------------------------------- | ---------------- |
|
[
ICurve
](
#icurve
)
| 曲线对象。
<br>
**说明:**
<br>
1.弹性跟手动画曲线为springMotion的一种特例,仅默认值不同。如果使用自定义参数的弹性曲线,推荐使用springMotion构造曲线;如果使用跟手动画,推荐使用默认参数的弹性跟手动画曲线。
<br>
2.animation、animateTo中的duration参数不生效,动画持续时间取决于responsiveSpringMotion动画曲线参数和之前的速度,也不能通过该曲线的
[
interpolate
](
#interpolate
)
函数获得插值。 |
**示例:**
```
ts
import
Curves
from
'
@ohos.curves
'
Curves
.
responsiveSpringMotion
()
// 创建一个默认弹性跟手动画曲线
```
## ICurve
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录