Каталог статей

Сглаживающие кривые (Easing curves) позволяют задать, каким образом при анимации будет интерполироваться переход от начального значения к конечному. Сглаживающие кривые очень упрощают создание анимации и позволяют создавать такие эффекты как эффект упругости, ускорение, замедление, циклическая анимация. 

Для использования кривой в анимации достаточно просто указать её тип:
PropertyAnimation { properties: "y"; easing.type: Easing.Linear; duration: 100)

В QML доступны следующие виды сглаживающих кривых:

Easing.Linear
Easing.InQuad
Easing.OutQuad
Easing.InOutQuad
Easing.OutInQuad
Easing.InCubic
Easing.OutCubic
Easing.InOutCubic
Easing.OutInCubic
Easing.InQuart
Easing.OutQuart
Easing.InOutQuart
Easing.OutInQuart
Easing.InQuint
Easing.OutQuint
Easing.InOutQuint
Easing.OutInQuint
Easing.InSine
Easing.OutSine
Easing.InOutSine
Easing.OutInSine
Easing.InExpo
Easing.OutExpo
Easing.InOutExpo
Easing.OutInExpo
Easing.InCirc
Easing.OutCirc
Easing.InOutCirc
Easing.OutInCirc
Easing.InElastic
Easing.OutElastic
Easing.InOutElastic
Easing.OutInElastic
Easing.InBack
Easing.OutBack
Easing.InOutBack
Easing.OutInBack
Easing.InBounce
Easing.OutBounce
Easing.InOutBounce
Easing.OutInBounce

Помимо типа, у кривой могут быть заданы и другие свойства, зависящие от конкретного типа кривой:

easing.amplitude для Easing.InBounce, Easing.OutBounce, Easing.InOutBounce, 
Easing.OutInBounce, Easing.InElastic, Easing.OutElastic, Easing.InOutElastic, Easing.OutInElastic.

easing.overshoot для Easing.InBack, Easing.OutBack, Easing.InOutBack, Easing.OutInBack.

easing.period для Easing.InElastic, Easing.OutElastic, Easing.InOutElastic, Easing.OutInElastic.