Динамика при загрузке | UX Fox

Уроки для гуру

Динамика при загрузке

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

Что такое Взаимодействия загрузки страницы?

Событие OnPageLoad позволяет создавать взаимодействия, которые срабатывают при загрузке страницы. Событие OnPageLoad можно найти во вкладке Page Interactions в окне Настроек страницы (расположенном под окном создания макета). Это событие используется для таких действий, как выделение текущего элемента в меню, установка динамической панели в нужное состояние и вставка переменной в текст виджета.

Событие OnPageLoad
Сценарии к событию OnPageLoad добавляются точно так же, как и сценарии к событиям, связанным с любыми другими элементами. Аналогично взаимодействиям виджетов, здесь можно создавать сколько угодно действий в одном сценарии. Также можно использовать логику, основанную на условиях, чтобы более точно задавать поведение при загрузке страницы. Чаще всего это связано с условиями, основанными на переменных.

Взаимодействия с OnPageLoad можно также добавлять в мастер. Событие OnPageLoad в мастере срабатывает, когда в прототипе загружается любая страница с таким мастером. Если и у страницы есть взаимодействие с событием OnPageLoad, сценарии, заданные в мастере, сработают после сценариев, заданных в странице.

Установка выбранных состояний виджетов

Один из основных способов использования события OnPageLoad — выделение элемента (кнопки или строки меню), который отображает текущую страницу.

Если страница содержит элементы button shape или menu с заданным стилем Selected, вы можете использовать взаимодействие Set Widget(s) to Selected Style в событии OnPageLoad чтобы выделить эти элементы при загрузке страницы.

Если вы забыли, как добавлять стили виджетов, перечитайте статью «Стили виджетов».

Условное изменение состояний динамических панелей

При помощи условной логики, переменных и действия Set Panel State to State, можно задать изменение состояния динамической панели, основанное на значениях переменных. К примеру, если у вас есть переменная, следящая за тем, авторизован ли пользователь, можно задать изменение состояния панели на авторизирован / неавторизирован.

Узнайте больше в статье о переменных.

Применение значения переменной в тексте виджета

Еще одним способом применения взаимодействия с OnpageLoad является установка значения переменной в тексте виджета. К примеру, вы можете обращаться к пользователю по имени, используя в виджете текст «Привет, [[NameVar]].

Узнайте больше в статье о переменных.

Уроки по взаимодействиям загрузки страниц

Навигационное меню

В этом уроке с помощью события OnPageLoad, мастеров, стилей элементов, действия Set Widget(s) to Selected Style в навигационном меню выделяется элемент, изображающий текущую страницу.

Автоматическое вращение баннера

В этом уроке описывается как при помощи события OnPageLoad создать автоматически вращающийся баннер. Чтобы понять этот урок, необходимо знать функции события OnPanelStateChange

Итог
Теперь вы умеете задавать значение страницы при помощи события OnPageLoad.