После того, как вы выберeте тип анимации, вы увидите список эффектов, которые для этой анимации можно использовать. Есть четыре базовых эффекта:
- Move («Перемещение»). Перенесите виджет туда, где он должен оказаться после завершения анимации. Сделать это можно, перетащив виджет мышкой или стрелочками на клавиатуре или же указав нужное вам значение высоты в пикселях.
- Opacity («Насыщенность»). Укажите нужные значения для насыщенности: процент насыщенности виджета перед началом анимации и после ее завершения.
- Rotate («Вращение»). Укажите градус, на который виджет должен повернуться после окончания анимации.
- Scale («Масштабирование»). Укажите, на сколько процентов виджет должен увеличиться или уменьшиться после завершения анимации.
Вы также можете выбрать один из готовых пресетов, чтобы заставить виджет пульсировать (pulse), исчезать (fade in), увеличиваться (scale up) и т.д. Настройки в пресетах можно менять в зависимости от того, какой именно эффект вам необходим.
Вы можете комбинировать несколько эффектов при помощи шагов анимации. Чтобы добавить новый шаг, нажмите на иконку + под виджетом.
К примеру, вы хотите, чтобы после клика виджет изменил свою насыщенность, а затем увеличился на 50%. Выберите анимацию On Click с эффектом Opacity. После этого нажмите +, чтобы добавить новый шаг, выберите эффект Scale и установите для него значение 100 → 150.
Большинство параметров работают одинаково для разных типов анимации и эффектов. Среди них длительность (duration), задержка (delay), ускорение (acceleration) и зацикленность (loop). Зацикленность позволяет настроить анимацию так, чтобы она повторялась в режиме цикла (cycle) или от начального состояния к конечному, и наоборот (reverse).
Если в анимации есть несколько шагов, вы можете зациклить отдельный шаг. Для всех шагов, следующих за ним, зацикленность включится автоматически.
Опция Once per user позволяет показывать анимацию каждому новому посетителю только один раз. При перезагрузке страницы тем же пользователем анимация не запустится.
Некоторые параметры можно использовать только для определенных типов анимации:
- Start when in view, для анимации On Load. По умолчанию, анимация On Load запускается, как только страница загружена, даже если некоторые виджеты еще не видны на экране. Параметр Start When in View позволяет включить анимацию для виджета в тот момент, когда пользователь видит этот виджет на своем экране.
- Start point, для анимации On Scroll. Выберите значение для этого параметра, чтобы запустить анимацию в тот момент, когда скролл достигнет верхней границы виджета (Top), его центра (Center) или нижней границы (Bottom). Отступы (Offset) позволяют установить точное значение для Start Point в пикселях.
- Speed, для анимации On Scroll. Изменяя этот параметр, вы можете указать, как долго должен проигрываться каждый шаг анимации, пока пользователь скроллит страницу. Чем выше скорость анимации, тем меньше времени она остается на экране в процессе скролла.
