diff --git a/zh-cn/application-dev/ui/arkts-spring-curve.md b/zh-cn/application-dev/ui/arkts-spring-curve.md index 916f6741583c3f554d9705d93539b362ad392e48..7bb9e02634696aad84ad9def4769f157fde2af08 100644 --- a/zh-cn/application-dev/ui/arkts-spring-curve.md +++ b/zh-cn/application-dev/ui/arkts-spring-curve.md @@ -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#curvesinterpolatingspringcurve10)：适合于需要指定初速度的动效场景，动画时长同样由接口参数自动计算，开发者在动画接口中指定的时长不生效。 +- [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; ```