Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
1791c11f
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,发现更多精彩内容 >>
未验证
提交
1791c11f
编写于
6月 06, 2023
作者:
O
openharmony_ci
提交者:
Gitee
6月 06, 2023
浏览文件
操作
浏览文件
下载
差异文件
!18693 【功能增强】针对Curve曲线对象提供自定义曲线能力 Doc
Merge pull request !18693 from huangdong/customCurve
上级
75fb96f6
18d98a84
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
31 addition
and
2 deletion
+31
-2
zh-cn/application-dev/reference/apis/js-apis-curve.md
zh-cn/application-dev/reference/apis/js-apis-curve.md
+31
-2
未找到文件。
zh-cn/application-dev/reference/apis/js-apis-curve.md
浏览文件 @
1791c11f
...
...
@@ -220,14 +220,12 @@ interpolatingSpring(velocity: number, mass: number, stiffness: number, damping:
| stiffness | number | 是 | 刚度。表示物体抵抗施加的力而形变的程度。刚度越大,抵抗变形的能力越强,恢复到平衡位置的速度越快。 |
| damping | number | 是 | 阻尼。是一个纯数,无真实的物理意义,用于描述系统在受到扰动后震荡及衰减的情形。阻尼越大,弹性运动的震荡次数越少、震荡幅度越小。 |
**返回值:**
| 类型 | 说明 |
| ---------------------------------- | ---------------- |
|
[
ICurve
](
#icurve
)
| 曲线的插值对象。 |
**示例:**
```
ts
...
...
@@ -235,6 +233,37 @@ import Curves from '@ohos.curves'
Curves
.
interpolatingSpring
(
100
,
1
,
228
,
30
)
// 创建一个时长由弹簧参数决定的弹簧插值曲线
```
## Curves.customCurve<sup>10+</sup>
customCurve(interpolate: (fraction: number) => number): ICurve
构造自定义曲线对象。
**系统能力:**
SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ----------- | ---------------------------- | ---- | ------------------------------------------------------------ |
| interpolate | (fraction: number) => number | 是 | 用户自定义的插值回调函数。
<br/>
fraction为动画开始时的插值输入x值。取值范围:[0,1]
<br/>
返回值为曲线的y值。取值范围:[0,1]
<br
/>
**说明:**
<br
/>
fraction等于0时,返回值为0对应动画起点,返回不为0,动画在起点处有跳变效果。
<br/>
fraction等于1时,返回值为1对应动画终点,返回值不为1将导致动画的终值不是状态变量的值,出现大于或者小于状态变量值,再跳变到状态变量值的效果。 |
**返回值:**
| 类型 | 说明 |
| ----------------- | ---------------- |
|
[
ICurve
](
#icurve
)
| 曲线的插值对象。 |
**示例:**
```
ts
import
Curves
from
'
@ohos.curves
'
interpolate
(
fraction
)
{
return
Math
.
sqrt
(
fraction
);
}
Curves
.
customCurve
(
this
.
interpolate
)
// 创建一个用户自定义插值曲线
```
## ICurve
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录