Ask the assistant

0/400

Your question is processed by an AI service and kept to improve answers. Do not enter personal data.

Animation

This page has not been translated into English yet. The Russian original is below.

Плавная анимация масштаба и прозрачности дочернего элемента. При изменении параметров автоматически применяется анимация длительностью 300 мс.

Тип: single-child

Animation @opacity:0.5
  Text "Полупрозрачный"

Параметры

Параметр	Тип	Описание
`scale`	double	Коэффициент масштабирования (анимируется через `AnimatedScale` )
`opacity`	double	Прозрачность от 0.0 до 1.0 (анимируется через `AnimatedOpacity` )

Параметры обычно объявляются как реактивные ( @ ) для анимации при изменении значений.

Примеры

Анимация при наведении

Animation @opacity:0.4
  Button onHover:{opacity:1.0} onExit:{opacity:0.4} onPressed:"navigate:/home"
    Text "Наведи на меня"

Масштабирование

Animation @scale:1.0
  Button onHover:{scale:1.1} onExit:{scale:1.0}
    SizedBox width:200 height:200
      ColoredBox color:#6C63FF

Комбинированная анимация