Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
1672f80d
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,发现更多精彩内容 >>
提交
1672f80d
编写于
7月 21, 2023
作者:
H
HelloCrease
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
HelloCrease
<
lian15@huawei.com
>
上级
20d580fb
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
5 addition
and
5 deletion
+5
-5
zh-cn/application-dev/ui/arkts-spring-curve.md
zh-cn/application-dev/ui/arkts-spring-curve.md
+5
-5
未找到文件。
zh-cn/application-dev/ui/arkts-spring-curve.md
浏览文件 @
1672f80d
...
...
@@ -12,7 +12,7 @@ ArkUI提供了四种阻尼弹簧曲线接口。
-
[
springMotion
](
../reference/apis/js-apis-curve.md#curvesspringmotion9
)
:创建弹性动画,动画时长由曲线参数、属性变化值大小和弹簧初速度自动计算,开发者指定的动画时长不生效。
springMotion不提供速度设置接口,速度通过继承获得,无需开发者指定。对于某个属性,如果当前存在正在运行的springMotion或者responsiveSpringMotion类型动画,新创建的弹簧动画将停止正在运行的动画,并继承其当前时刻的动画属性值和速度作为新建动画的初始状态。此外,接口提供默认参数,便于开发者直接使用。
```
ts
function
springMotion
(
response
?:
number
,
dampingFraction
?:
number
,
overlapDuration
?:
number
):
ICurve
;
```
...
...
@@ -21,23 +21,23 @@ ArkUI提供了四种阻尼弹簧曲线接口。
-
[
responsiveSpringMotion
](
../reference/apis/js-apis-curve.md#curvesresponsivespringmotion9
)
:是springMotion动画的一种特例,仅默认参数不同。一般用于跟手做成动画的场景,离手时可用springMotion创建动画,此时离手阶段动画将自动继承跟手阶段动画速度,完成动画衔接。
当新动画的overlapDuration参数不为0,且当前属性的上一个springMotion动画还未结束时,reponse和dampingFracion将在overlapDuration指定的时间内,从旧动画的参数值过渡到新动画的参数值。
```
ts
function
responsiveSpringMotion
(
response
?:
number
,
dampingFraction
?:
number
,
overlapDuration
?:
number
):
ICurve
;
```
-
[
interpolatingSpring
](
../reference/apis/js-apis-curve.md#curvesinterpolatingspring
curve
10
)
:适合于需要指定初速度的动效场景,动画时长同样由接口参数自动计算,开发者在动画接口中指定的时长不生效。
-
[
interpolatingSpring
](
../reference/apis/js-apis-curve.md#curvesinterpolatingspring10
)
:适合于需要指定初速度的动效场景,动画时长同样由接口参数自动计算,开发者在动画接口中指定的时长不生效。
曲线接口提供速度入参,且由于接口对应一条从0到1的阻尼弹簧曲线,实际动画值根据曲线进行插值计算。所以速度也应该为归一化速度,其值等于动画属性改变的绝对速度除以动画属性改变量。因此不适合于动画起点属性值和终点属性值相同的场景,此时动画属性改变量为0,归一化速度不存在。
```
ts
function
interpolatingSpring
(
velocity
:
number
,
mass
:
number
,
stiffness
:
number
,
damping
:
number
):
ICurve
;
```
-
[
springCurve
](
../reference/apis/js-apis-curve.md#curvesspringcurve9
)
:适合于需要直接指定动画时长的场景。springCurve接口与interpolatingSpring接口几乎一致,但是对于采用springCurve的动画,会将曲线的物理时长映射到指定的时长,相当于在时间轴上拉伸或压缩曲线,破坏曲线原本的物理规律,因此不建议开发者使用。
```
ts
function
springCurve
(
velocity
:
number
,
mass
:
number
,
stiffness
:
number
,
damping
:
number
):
ICurve
;
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录