Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
11b77135
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看板
提交
11b77135
编写于
3月 27, 2023
作者:
W
w00808516
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'cc' of
https://gitee.com/wang-luyu4/docs
into HEAD
Change-Id: I441f20dc3d094d625be2cf86620bdc3c9e9cb012
上级
62b1f3fd
9bcc0751
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
34 addition
and
1 deletion
+34
-1
zh-cn/application-dev/reference/apis/js-apis-curve.md
zh-cn/application-dev/reference/apis/js-apis-curve.md
+34
-1
未找到文件。
zh-cn/application-dev/reference/apis/js-apis-curve.md
浏览文件 @
11b77135
...
...
@@ -112,7 +112,7 @@ Curves.cubicBezierCurve(0.1, 0.0, 0.1, 1.0) // 创建一个三阶贝塞尔曲线
springCurve(velocity: number, mass: number, stiffness: number, damping: number):ICurve
构造弹簧曲线对象。
构造弹簧曲线对象
,曲线形状由弹簧参数决定,动画时长受animation、animateTo中的duration参数控制
。
**系统能力:**
SystemCapability.ArkUI.ArkUI.Full
...
...
@@ -202,6 +202,39 @@ Curves.responsiveSpringMotion() // 创建一个默认弹性跟手动画曲线
```
## Curves.interpolatingSpringCurve<sup>10+</sup>
interpolatingSpring(velocity: number, mass: number, stiffness: number, damping: number):ICurve
构造插值器弹簧曲线对象,生成一条从0到1的动画曲线,实际动画值根据曲线进行插值计算。动画时间由曲线参数决定,不受animation、animateTo中的duration参数控制。
**系统能力:**
SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| --------- | ------ | ---- | ----- |
| velocity | number | 是 | 初始速度。是由外部因素对弹性动效产生的影响参数,其目的是保证对象从之前的运动状态平滑的过渡到弹性动效。此外,该速度是归一化速度,其值等于动画开始时的实际速度除以动画属性改变值。 |
| mass | number | 是 | 质量。弹性系统的受力对象,会对弹性系统产生惯性影响。质量越大,震荡的幅度越大,恢复到平衡位置的速度越慢。 |
| stiffness | number | 是 | 刚度。是物体抵抗施加的力而形变的程度。在弹性系统中,刚度越大,抵抗变形的能力越强,恢复到平衡位置的速度就越快。 |
| damping | number | 是 | 阻尼。是一个纯数,无真实的物理意义,用于描述系统在受到扰动后震荡及衰减的情形。阻尼越大,弹性运动的震荡次数越少、震荡幅度越小。 |
**返回值:**
| 类型 | 说明 |
| ---------------------------------- | ---------------- |
|
[
ICurve
](
#icurve
)
| 曲线的插值对象。 |
**示例:**
```
ts
import
Curves
from
'
@ohos.curves
'
Curves
.
interpolatingSpring
(
100
,
1
,
228
,
30
)
// 创建一个时长由弹簧参数决定的弹簧插值曲线
```
## ICurve
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录