# 动画曲线

在 Skyline 下，部分滚动容器和上下文接口的动画，可通过 easingFunction 字段指定动画曲线，如 ScrollViewContext.triggerTwoLevel、DraggableSheetContext.scrollTo 等。该字段接收一段字符串（字符串字面量，如 'ease'），取值可分为三类。

# 内置曲线

easingFunction 可传入下表所示的取值，框架会在动画期间按对应曲线的进度驱动动画。

# 弹性与反弹曲线

弹性曲线按弹簧运动计算，反弹曲线按分段弹跳函数计算，均可在到达终点附近时产生回弹的视觉效果，适合强调类动画。

# 自定义贝塞尔曲线

easingFunction 支持直接传入一条三次贝塞尔曲线，写法形如 cubic-bezier(x1, y1, x2, y2)。

其中 x1、y1、x2、y2 为四个数值，例如 cubic-bezier(0.25, 0.1, 0.25, 1)。

• x1、x2 为控制点横坐标，通常取值 [0, 1]，决定速度变化的时机
• y1、y2 为控制点纵坐标，可超出 [0, 1]，超出部分会产生过冲（回弹）效果
• 数值支持小数、整数、负数，各参数间用英文逗号分隔，逗号前后可有空格，如 cubic-bezier(0.68, -0.55, 0.265, 1.55) 即内置 easeInOutBack 的曲线

可将 easingFunction 设为上述字符串写法后，通过调整动画时长与目标位置直观对比不同曲线的过渡效果。