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

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

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

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

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

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

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

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

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

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

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

Настройки

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

  • Значок – изменить иконку, чтобы было проще различать страницы на панели Страницы. Вы можете выбрать значки из галерей Общие и Стрелки, либо добавить собственный значок из файла. Щелкните кнопку Удалить, чтобы удалить неиспользуемые значки из галереи Мои значки.
    Примечание:

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

  • Надпись – изменить название страницы. Эта надпись страницы также используется в URL-адресе интерфейса. Когда вы добавляете страницу, ее подпись следует правилам непрерывной нумерации. Например, дублирование Страницы 1 дает Страницу 2 или Страницу 3, если Страница 2 уже существует.
    Примечание:

    Если вы изменили название страницы после публикации, использованный ранее URL по-прежнему будет действовать.

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

Шаблоны

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

  • Картоцентрические шаблоны для типовых рабочих процессов, которые разработаны для стандартных полноэкранных приложений. Эти шаблоны находятся в следующих категориях:
    • Фиксированный — для настройки этих шаблонов выберите карту и добавьте соответствующие виджеты. Некоторые примеры приведены ниже:
      • Рекламный щит - простой вьюер карт, в котором есть сама карта и виджет управления.
      • Сворачиваемый - это шаблон с простым открытым интерфейсом, фокусирующимся на карте, с заголовком и виджетом управления.
      • Шкатулка - шаблон для отображения объектов в списке, скомбинированном с картой.
      • Панель запуска - шаблон, созданный, чтобы подчеркнуть карту, содержит виджет управления, закрепленный внизу страницы.
    • Сетка — для настройки этих шаблонов, которые напоминают полностраничные Виджеты сеток, добавляйте виджеты как элементы сеток и перетаскивайте их, и их границы для изменения размеров и порядка на странице. Ниже представлен список доступных шаблонов страницы сетки:
      • Avatarboard отображает несколько виджетов Карточка с эффектами наведения и переворачивания, и вы можете добавить больше деталей с обратной стороны, например флэш-карты.
      • Checkerboard - это шаблон страницы в виде сетки: с виджетом карты посередине и виджетами, связанными с картой, вокруг него.
      • Collage отображает несколько виджетов изображений вокруг виджета Фиксированная панель.
      • Leaflet содержит виджеты Текст и виджеты Изображение внутри нескольких виджетов Столбец.
      • Mapflyer использует виджет Координаты с виджетом Карта для отображения динамического текста и информации о местоположении.
      • Мультиверс — это шаблон, предназначенный для работы с несколькими источниками данных. Его виджет Добавить данные упрощает процесс импорта данных из различных источников, предоставляя пользователям возможность сравнивать и анализировать множество источников с помощью карт и таблиц.

      Страницы сетки, как и виджеты Сетка, могут иметь вкладки, столбцы сетки и строки сетки, которые отображаются в контуре панели Страница. Как и в любом другом виджете, вы можете выбрать любую строку сетки или столбец сетки в контуре и нажать кнопку Дополнительно, чтобы открыть меню операций. Строки сетки и столбцы сетки имеют кнопки Распределить пространство по горизонтали и Распределить пространство по вертикали соответственно. Если строка или столбец составляют вкладку, можно переименовать строку или столбец. Отдельные виджеты, содержащиеся в виджете Сетка, имеют кнопки Разделить по горизонтали и Разделить по вертикали в меню Дополнительно.

    Примечание:

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

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