Как работают триггеры переходов между страницами в Figma?

Триггеры переходов между страницами в Figma указывают, как пользователь должен воздействовать на элемент интерфейса, чтобы произошло событие, связанное с этим элементом, например, переход на другую страницу. media.contented.ru svgpng.ru

Некоторые типы триггеров и их описание:

• On click/On tap. media.contented.ru svgpng.ru Наступает, когда пользователь кликает по элементу курсором мышки или, в случае с сенсорными экранами, нажимает (однократно) пальцем. svgpng.ru Применяется для навигации: переход по ссылкам, ввод данных. svgpng.ru
• On drag. media.contented.ru svgpng.ru Наступает, когда пользователь перетаскивает элемент с помощью зажатой кнопки мыши или пальцем (на сенсорных экранах). svgpng.ru Может применяться для перемещения элементов (например, слайдер), и для более сложных манипуляций, например, для перетаскивания вниз для обновления. svgpng.ru
• While hovering. media.contented.ru svgpng.ru Используется для изменения состояния при наведении и демонстрации подсказок. svgpng.ru Если убрать курсор с объекта, элемент будет возвращён в исходное состояние. svgpng.ru
• Keyboard/Gamepad shortcuts. media.contented.ru Используется для считывания нажатия клавиатуры, в том числе сочетаний. svgpng.ru
• Mouse enter. media.contented.ru Показывает фрейм назначения, если мышь наведена в специальную область. media.contented.ru
• Mouse leave. media.contented.ru Показывает целевой кадр, когда курсор покидает специальную область. media.contented.ru Может использоваться, например, для демонстрации подсказок, когда пользователь покинул поле, не заполнив его. svgpng.ru
• Mouse down (Touch down). media.contented.ru Запускает целевой фрейм при первом нажатии мыши или сенсорной панели. media.contented.ru
• Mouse up (Touch up). media.contented.ru Запускает целевой кадр, когда пользователь отпускает мышь или сенсорную панель. media.contented.ru
• After delay. media.contented.ru svgpng.ru Позволяет запускать событие спустя указанное время. media.contented.ru

Вид взаимодействия определяет, что именно произойдёт после события, вызванного одним из триггеров. media.contented.ru Например, навигация (Navigate) осуществляет переход от одного фрейма к другому. svgpng.ru

Пользователь

Время добавления