MouseRegion

MouseRegion сообщает, когда курсор мыши входит в область виджета и когда покидает её. На этом строятся привычные для веба вещи: кнопка оживает под курсором, меню раскрывается при наведении на значок.

Ниже — как добавить виджет, как показывать и прятать элементы и что настраивается.

Как добавить

1. Нажмите + Add Widget и перетащите MouseRegion из вкладки Base Elements или вставьте виджет прямо в дерево.
2. Вложите внутрь Button с анимацией On Action Trigger.
3. Выделите MouseRegion, выберите Actions в панели свойств и нажмите Open — откроется Action Flow Editor.
4. Перейдите на вкладку On Mouse Enter: действия отсюда срабатывают, когда курсор входит в область.
   1. Добавьте действие Widget Animation, запускающее анимацию кнопки.
5. Перейдите на вкладку On Mouse Exit: действия отсюда срабатывают, когда курсор уходит.
   1. Добавьте Widget Animation, останавливающее анимацию.

Показать и спрятать элемент

Схема такая: по входу и выходу курсора обновляется переменная App State, а она управляет условной видимостью нужного виджета.

Разберём вот такой пример:

Порядок действий:

1. Соберите Stack > Container > MouseRegion > IconButton — это значок меню.
2. В тот же Stack добавьте Container > MouseRegion > Column с пунктами меню.

3. Заведите булеву переменную App State и настройте по ней условную видимость пунктов меню.
4. На обоих виджетах MouseRegion добавьте действие обновления переменной: True при входе курсора и False при выходе.

Открыть интерактивное демозагрузится с demo.arcade.software

Настройки

Поведение и вид задаются в Properties Panel.

Вид курсора

При наведении курсор меняется сам по себе, но его вид можно задать явно: выделите MouseRegion, найдите в панели свойств список Mouse Cursor и выберите подходящий.