Transform

Transform применяет к вложенному виджету графические преобразования — наклон (skew), поворот, масштабирование и сдвиг. В связке с анимациями из этого получаются нестандартные переходы и эффекты.

Как добавить

1. Нажмите + Add Widget и перетащите Transform из вкладки Base Elements — или вставьте его прямо в дерево виджетов.

2. Вложите внутрь виджет, который нужно преобразовать.

3. По умолчанию применяется Skew — наклон, при котором противоположные стороны перестают быть параллельными. Настраивается так:

   1. Выделите Transform и откройте панель свойств.
   2. Skew X наклоняет по горизонтали: положительное значение уводит верхнюю сторону влево, а нижнюю вправо.
   3. Skew Y наклоняет по вертикали: положительное значение поднимает левую сторону и опускает правую.
   4. Отрицательные значения двигают стороны в обратную сторону.

4. Точку отсчёта преобразования (центр) можно сместить настройками Transform Origin and Alignment.

Настройки

Внешний вид и поведение виджета настраиваются в Properties Panel.

Тип преобразования

Выделите Transform, найдите в панели свойств выпадающий список Transform Type и выберите нужный.

• Scale — масштабирование. Scale X меняет размер по горизонтали, Scale Y — по вертикали. Значение 0.5 уменьшает виджет вдвое, 2 — увеличивает вдвое.

• Rotate — поворот. Rotate (degree) принимает градусы от 0 до 360; по умолчанию виджет поворачивается по часовой стрелке, отрицательное значение разворачивает его против.

• Translate — сдвиг:
  • Translate X двигает по горизонтали: положительное значение вправо, отрицательное влево.
  • Translate Y двигает по вертикали: положительное значение вниз, отрицательное вверх.