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

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

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

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

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

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

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

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

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

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

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

Настройки

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

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

  Примечание:

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

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

  Примечание:

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

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

    Примечание:

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

Шаблоны

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

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

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

  Примечание:

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

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

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