Перейти к основному содержимому

Просмотр интерфейса приложения в процессе разработки

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

Чтобы включить режим предварительного просмотра, в то время, когда экранная форма отображается в визуальном или в кодовом режиме Редактора Форм, в верхней части Редактора Форм нажмите кнопку UG_view_button.png (Просмотр).

Экранная форма отображается так же, как в запущенном разработанном приложении.

В режиме просмотра в верхней части страницы DevTools отображаются следующие элементы управления:

  • слева:

    • Раскрывающийся список URL с функцией автозаполения настроенных маршрутов во всех проектах текущего экземпляра Атомкод. Если маршрут указан с параметром, при просмотре используется значение параметра, которое должно быть задано до перехода в режим просмотра или введено в строке маршрута при включенном режиме просмотра.
    • Кнопка перехода к экранной форме, выбранной в списке URL. Если на экранной форме настроено действие типа Static и настроен вызов такого действия, например, по нажатию кнопки, происходит переход к экранной форме согласно параметрам этого действия.
  • справа:

    • Кнопка переключения режима просмотра всех экранных форм (UG_mult_forms_icon.png), созданных во всех проектах в текущем экземпляре Атомкод, или одной экранной формы (UG_one_form_icon.png), которая была открыта в проекте до перехода в режим просмотра. По умолчанию выбран режим просмотра одной экранной формы. Если вы выбрали режим просмотра всех экранных форм, отображается демостраница Атомкод с меню в левой части и выбранная экранная форма.
    • Кнопка включения автогенерации данных на экранных формах (UG_mock_button.png). По умолчанию автогенерация данных включена.
    • Кнопка выбора параметров локали и роли пользователя при просмотре (UG_view_settings_icon.png). В списке локалей отображаются все локали, которые настроены в системном проекте и в разрабатываемом проекте. В списке ролей пользователей отображаются все роли, созданные в разрабатываемом проекте.
    • Кнопка выхода из режима предпросмотра (UG_close_view_icon.png). После нажатия этой кнопки отображается Редактор Форм с экранной формой, которая была открыта до перехода в режим просмотра. Выйти из режима предпросмотра также можно по нажатию клавиши ESC.

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

Связанные статьи​

Настройка автоматической генерации данных на экранной форме

Настройка маршрутизации экранной формы