diff --git a/zh-cn/application-dev/ui/arkts-traditional-curve.md b/zh-cn/application-dev/ui/arkts-traditional-curve.md index 0ee30a35d6665e90ee8a1e8e4ffa9bbad862c154..c0c8787e5654b4b579c59ee1a3f6fa4d1a7354fa 100644 --- a/zh-cn/application-dev/ui/arkts-traditional-curve.md +++ b/zh-cn/application-dev/ui/arkts-traditional-curve.md @@ -1,20 +1,11 @@ # 传统曲线 -动画曲线是属性关于时间的变化函数,决定属性变化时产生动画的运动轨迹。某一时刻下动画曲线的斜率代表动画的速度,对应属性变化的快慢。一条优秀的动画曲线具备连续光滑、符合用户意图、符合物理世界客观规律的特点。开发者可结合用户的使用场景和意图,为动效选取合适的动画曲线。根据动画曲线是否符合物理世界客观规律,可将其分为物理曲线(ArkUI当前提供了多种物理弹簧曲线)和传统曲线两种类型。相比于传统曲线,物理曲线产生的运动轨迹更加符合用户认知,有助于创造自然生动的动画效果,建议开发者优先使用物理曲线。 - - - - 传统曲线基于数学公式,创造形状符合开发者预期的动画曲线。以三阶贝塞尔曲线为代表,通过调整曲线控制点,可以改变曲线形状,从而带来缓入、缓出等动画效果。对于同一条传统曲线,由于不具备物理含义,其形状不会因为用户行为发生任何改变,缺少物理动画的自然感和生动感。建议优先采用物理曲线创建动画,将传统曲线作为辅助用于极少数必要场景中。 - ArkUI提供了贝塞尔曲线、阶梯曲线等传统曲线接口,开发者可参照[插值计算](../reference/apis/js-apis-curve.md)进行查阅。 - 传统曲线的示例和效果如下: - - ```ts class MyCurve { public title: string;