Русскоязычный портал о QML и QtQuick, QmlPortal What the duck

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

Главная » Статьи » Обучение QML

Анимация в QML: сглаживающие кривые

Сглаживающие кривые (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. 




Источник: http://developer.qt.nokia.com/doc/qt-4.7/qml-propertyanimation.html
Категория: Обучение QML | Добавил: CYAN (19.06.2011) | Автор: CYAN E W
Просмотров: 2675 | Теги: QML, Анимация, Easing curves, Сглаживающие кривые, Easing | Рейтинг: 5.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела

Все статьи [0]
Обучение QML [8]
Статьи с базовой информацией о языке QML
Статьи по QML [6]
Статьи по QML
QML для профессионалов [4]
Статьи по QML-темам повышенной сложности
Ссылки на видео [5]
Ссылки на видео с демонстрацией возможностей QML
Ссылки на материалы по QML в интернете [2]
Ссылки на полезные материалы по QML в интернете
Обо всём [1]
Статьи на разные темы, не имеющие отношение к QML и QtQuick

Поиск на сайте

Облако тэгов

kinetic scroll анимация интерфейса кинетик скролл создание интерфейса path view qml видео демонстрация qml QML Component QML Grid Demo QML browser plugin просмотр QML форм QML signal QML Transition базовые типы QML QML Text пример QML экспорт qml из GIMP QML Rectangle color picker QML MouseArea qml export QML State экспорт QML из Photoshop QML QtQuick Web-browser Набор виджетов для QML статьи о QML на русском языке MeegoHarmattan N9/N950 game Sprite Animation GLSL fragment shader Qt Quick 2 Анимация Easing Easing curves Сглаживающие кривые C++ QGraphicsView Q_INVOKABLE Интеграция QML и C++ QML Particle System QtQuick.Particles QML Scene Graph javascript глобальные переменные Qt Mobility QtMultimediaKit map QtMobility.location Debian package Harmattan QtCreator D.U.C.K. H.U.N.T. QML пример

Статистика сайта

Статей: 26
Новостей: 6
Файлов: 10
Форум: 19/46
Коментариев: 6

Посетители

Полезные ресурсы

сайт Российского Qt сообщества The FRUCT program Российская сеть MeeGo пользователей и разработчиков