Спросите помощника
0/400
Вопрос обрабатывается ИИ-сервисом и сохраняется для улучшения ответов. Не вводите персональные данные.

    Animation

    Плавная анимация масштаба и прозрачности дочернего элемента. При изменении параметров автоматически применяется анимация длительностью 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

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

    Animation @scale:1.0 @opacity:0.5
  Button onHover:{scale:1.05 opacity:1.0} onExit:{scale:1.0 opacity:0.5} onPressed:"navigate:/details"
    ColoredBox color:#6C63FF
      Padding
        #padding all 20
        Text "Карточка"

    See also

    • Button — источник событий для управления анимацией
    menu_baseline