Добавление страниц и управление ими

Страница - это документ, который является основой компоновки приложения. У нее есть три основных элемента, в которые может быть добавлено содержание: верхний колонтитул (заголовок), нижний колонтитул и основное содержание.

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

Когда вы добавляете виджеты и блоки, а также экранные шаблоны групп на страницу, они перечисляются в узле Содержание на панели Страницы в Структуре. Структура с возможностью поиска показывает иерархию блоков, групп экранов и виджетов для выбранной страницы, вместе с узлами верхнего и нижнего колонтитулов, если вы их включите. Для добавления страниц в приложение нажмите кнопку Добавить страницу Добавить страницу и выберите шаблон страницы, который подходит под ваше содержимое и ожидаемой работе с вашим приложением. Ниже представлено несколько примеров:

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

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

Многостраничные приложения

На панели Страница содержатся следующие опции по управлению страницами в приложении:

  • Добавить страницу – выберите один из двух типов страниц: полноэкранное приложение или страница с прокруткой. У каждого из типов страниц есть несколько шаблонов. В некоторых шаблонах за основу используется карта, в некоторых - смешанное содержание: текст, изображения и карты. Вы также можете выбрать пустой шаблон, чтобы создать свои собственные компоновки.
  • Добавить ссылку – добавьте ссылку на другой веб-сайт, чтобы читатели могли перейти на связанную веб-страницу из меню приложения.
  • Добавить папку – добавьте папку для страниц и ссылок, которые появятся в виджете Меню в виде ниспадающего списка.
  • Другие параметры — для многостраничных приложений выберите страницу в качестве домашней страницы и, при необходимости, скройте страницы из виджетов меню, которые вы добавляете в приложение. (Все меню в приложении будут содержать одни и те же страницы, но вы можете стилизовать их по-разному.) Вы можете переименовывать, дублировать и удалять страницы и организовывать их иерархически, перетаскивая одну страницу на другую. При перетаскивании страницы появится линия, показывающая, где она будет располагаться между другими страницами. Чтобы вложить одну страницу в другую, перетащите страницу на ту, в которую вы хотите ее вложить, на ней появится ограничивающая рамка.

Настройки

Страницы включают следующие опции конфигурации:

  • Значок – изменить иконку, чтобы было проще различать страницы на панели Страницы.
    Примечание:

    Можно выгружать следующие форматы изображений: PNG, GIF, JPG, JPEG и BMP.

  • Надпись – изменить название страницы.
  • Открыть с окном - дополнительно выберите окно, которое появится в начале страницы при открытии страницы. (Вы можете выбрать только из фиксированных окон.)
  • Ширина содержимого (только для страниц с прокруткой)
    • Пользовательская – указать максимальную ширину страницы.
    • Авто – использовать полную ширину страницы.
  • Анимация - добавить анимацию для втджетов в содержание страницы. (Анимация применяется к виджетам верхнего уровня в виде Структура.)
  • Основа
    • Заливка – выбрать цвет страницы.
  • Заголовок – показать заголовок на выбранной странице. Следующие настройки заголовка (верхнего колонтитула) будут применены ко всем страницам, где он есть:
    • Высота – изменить высоту заголовка в пикселах.
    • Заливка – изменить цвет заголовка.
    • Закрепить наверху страницы при пролистывании (только для страниц с прокруткой)—заголовок остается наверху страницы, когда пользователи пролистывают вниз.
  • Нижний колонтитул – показать нижний колонтитул на выбранной странице. Следующие настройки нижнего колонтитула будут применены ко всем страницам, где он есть:
    • Высота – изменить высоту нижнего колонтитула в пикселах.
    • Заливка – изменить цвет нижнего колонтитула.
  • Компоновка (только для страниц с прокруткой)
    • Пропуск – задать пропуск (расстояние) в пикселах между строками на странице.
    • Поля – задать поля в пикселах с четырех сторон страницы.

Шаблоны

У шаблонов есть предустановленные компоновки и темы, которые вы можете изменить после разблокировки. Кнопка Заблокировать компоновку позволяет начать работу с шаблоном и изменить его при необходимости. Разблокировка компоновки показывает больше опций на панелях настройки и включает панель Вставить виджет. При запуске шаблона из галереи по умолчанию вы можете нажать кнопку Предварительный просмотр для отображения примера, чтобы вы смогли выбрать шаблон, соответствующий вашим потребностям. Вы можете выбрать один из множества шаблонов, когда добавляете больше страниц в свое приложение. (Вы можете выбрать многостраничные шаблоны только при первом создании веб-интерфейса.) Выберите шаблоны из следующих категорий:

  • Картоцентрические шаблоны для типовых рабочих процессов, которые разработаны для стандартных полноэкранных приложений. Для настройки этих шаблонов выберите карту, добавьте подходящие виджеты из панели виджетов, настройте их, сохраните свой интерфейс и опубликуйте. Некоторые примеры приведены ниже:
    • Foldable - это шаблон с простым открытым интерфейсом, фокусирующимся на карте, с заголовком и виджетом управления.
    • JewerlyBox - шаблон для отображения объектов в списке, скомбинированном с картой.
    • Launchdpad - шаблон, созданный, чтобы подчеркнуть карту, содержит виджет управления, закрепленный внизу страницы.
    • Billboard - простой вьюер карт, в котором есть сама карта и виджет управления.
    Примечание:

    Панель заголовка в некоторых шаблонах полноэкранных приложений создается с помощью виджета Фиксированная панель вместо того, чтобы использовать Заголовок в Настройках страницы. Это позволяет вам включать и настраивать Заголовок для других страниц, если вы создаете многостраничные приложения. Содержимое Заголовка и Нижнего колонтитула, компоновка и настройки используются во всех страницах приложения, для которого они были включены.

  • Шаблоны страниц с прокруткой организованы в блоки или группы экранов. Блок похож на Строку. Некоторые примеры приведены ниже:
    • Общий - длинный прокручивающийся шаблон, созданный для публикации ваших ресурсов.
    • Представление - шаблон с модульной компоновкой, предназначенный для выделения изображений и заголовков.
    • Галерея - шаблон с эскизами изображений для подчеркивания содержания ваших ресурсов.
    • Параллакс представляет собой шаблон с изображением баннера в верхней части страницы и завершается группой экранов панелей с прокруткой.
  • Пустые шаблоны для полноэкранных страниц и страниц с прокруткой, которые вы создаете и разрабатываете с нуля.
    • Пустая страница с прокруткой - пустой шаблон для создания страницы с прокруткой собственного дизайна. Когда вы добавляете виджеты на страницу с прокруткой, они добавляются в Блок по умолчанию. Нажмите кнопку Вставить блок, чтобы выбрать одну из некоторых распространенных компоновок блоков, или нажмите кнопку Вставить группу экранов, чтобы выбрать один из нескольких шаблонов экранов.
    • Пустое полноэкранное приложение - пустой шаблон для создания полноэкранного приложения собственного дизайна.