Skip to content

Animation

Dmitriy Zayceff edited this page Feb 4, 2017 · 22 revisions
  • class Animation (action\Animation)

Утилитные класс только со статичными методами, для анимирования визуальных компонентов. Класс поддерживает следующие типы анимаций:

  • Затухание, изменение прозрачности.
  • Изменение масштаба, размеров.
  • Изменение позиции, смещение.

У класса приватный конструктор, невозможно создать объект данного класса.


Статичные методы


fadeTo()

fadeTo(UXNode|UXWindow $object, int $duration, double $value, callable $callback = null)

Анимирует уровень прозрачности объекта, объектом может быть любой визуальный компонент UXNode или окно UXWindow. Метод принимает следующие параметры:

  • $object объект, который надо анимировать.
  • $duration длительность анимации в мл. секундах, 1 сек = 1000 млсек.
  • $value уровень конечной непрозрачности объекта, от 0 до 1, где 0 это 0%, а 1 это 100%, 0.5 - 50%.
  • $callback необязательный параметр, коллбэк функция, которая будет вызвана после окончания анимации.
// анимировать кнопку, длительность анимации 3 сек, конечный уровень непрозрачности 70%.
Animation::fadeTo($button, 3000, 0.7);

// с коллбэком.
Animation::fadeTo($button, 3000, 0.7, function () {
    alert('Анимация окончена.');
});

fadeIn()

fadeIn(UXNode|UXWindow $object, int $duration, callable $callback = null)

Упрощенный метод для fadeTo(), метод доводит уровень непрозрачности компонента до 1, т.е. до 100%. Анимация появления, объект становится плавно видимым. Однако, чтобы она работала, объект должен быть хотя бы немного прозрачным изначально. Метод принимает следующие параметры:

  • $object объект, который надо анимировать, любой визуальный компонент UXNode или окно UXWindow.
  • $duration длительность анимации в мл. секундах, 1 сек = 1000 млсек.
  • $callback необязательный параметр, коллбэк функция, которая будет вызвана после окончания анимации.
Animation::fadeIn($button, 5000);

// это аналогично fadeTo с параметром $value = 1.0
Animation::fadeTo($button, 5000, 1.0);

fadeOut()

fadeOut(UXNode|UXWindow $object, int $duration, callable $callback = null)

Упрощенный метод для fadeTo(), метод доводит уровень непрозрачности компонента до 0, т.е. до 0%. Анимация исчезания, объект становится плавно невидимым. Метод принимает следующие параметры:

  • $object объект, который надо анимировать, любой визуальный компонент UXNode или окно UXWindow.
  • $duration длительность анимации в мл. секундах, 1 сек = 1000 млсек.
  • $callback необязательный параметр, коллбэк функция, которая будет вызвана после окончания анимации.
Animation::fadeOut($button, 5000);

// это аналогично fadeTo с параметром $value = 0
Animation::fadeTo($button, 5000, 0);
Clone this wiki locally