Интерактивные связи

Interactions связывает действие на одном виджете с анимацией другого. Так можно сделать кнопку, которая открывает карточку, подсказку или меню.

Создание связи

1. Выделите виджет, который будет запускать действие.
2. Нажмите + в секции Interactions.
3. Выберите событие Click или Hover.
4. Нажмите Pick container, затем выберите связанный виджет на холсте.
5. Кликните по связанному виджету в списке и настройте созданную для него анимацию.
6. Проверьте связь в предпросмотре.

В этом сценарии видно не только готовое действие, но и выбор конкретной цели через Pick container.

Для связанного виджета доступны два режима:

• Toggle переключает начальное и конечное состояния при повторном действии.
• Once проигрывает переход один раз.

Close others возвращает другие активные цели в режиме Toggle к начальному состоянию. Это удобно для меню, вкладок и аккордеонов, где одновременно должен быть открыт один блок.

Аккордеон из трёх пунктов наглядно показывает разницу между обычным Toggle и включённым Close others.

TIP

Давайте виджетам понятные имена в панели слоёв. Тогда список Connected containers останется читаемым даже в сложном материале.