Добавляйте виджеты функций и компоновок в приложения, созданные с помощью ArcGIS Experience Builder. Вы можете принять стили по умолчанию, либо настроить оформление и подключить виджеты к данным, другим виджетам или ссылкам для вашего интерфейса.
Вставка виджетов
Виджеты являются основными компонентами ваших приложений. Если вы не используете виджеты в различных доступных шаблонах для страниц, окон, групп экранов и блоков, вы можете перетащить виджеты из панели Вставить виджет для их размещения. У виджетов Контроллер виджетов и Заполнитель, а также на панелях прокрутки в группе экранов есть кнопка Добавить виджет. Виджеты могут выполнять функции инструментов приложения или служить контейнерами для организации страницы и сгруппированы в следующие категории:
- Виджеты, ориентированные на карту - это инструменты приложений, которые подключаются к Виджету Карта.
- Виджеты, ориентированные на данные - это инструменты приложений, которые взаимодействуют с источниками данных.
- Виджеты элемента страницы для добавления изображения, текста и других мультимедиа в ваше приложение.
- Виджеты меню и панелей инструментов предоставляют опции, которые могут помочь пользователям использовать и публиковать свое приложение.
- Виджеты компоновки - это контейнеры, которые помогают организовать виджеты на странице.
- Виджеты раздела показывают динамическое содержимое в нескольких видах и позволяют пользователям переключаться между видами.
При добавлении и размещении виджетов см. интерактивную структуру для каждой страницы, который показывает иерархию виджетов для страницы и помогает организовать, выбирать и настраивать вложенные виджеты. Когда вы наводите курсор на виджет в структуре, соответствующий виджет подсвечивается в канве. Щелкните виджет в структуре и нажмите кнопку Больше, чтобы открыть меню операций с виджетом, таких, как переименование, дублирование, удаление, блокировка размещения и размера, закрепление, организация и выравнивание. Для виджетов, содержащихся в других виджетах, щелкните Развернуть все или Свернуть все, чтобы показать или скрыть вложенную иерархию.
Используйте стандартные сочетания клавиш для копирования и вставки (Ctrl+C и Ctrl+V для Windows; Cmd+C и Cmd+V для Mac) для копирования виджетов между страницами. Когда вы дублируете или копируете виджет, все его настройки сохраняются, кроме положения на странице и подписи. Подписи новых виджетов следуют правилу непрерывной нумерации. Например, дублирование Изображения 1 дает Изображение 2 или Изображение 3, если Изображение 2 уже существует. Перетаскивание виджетов на экран для перемещения и изменения их размера отображает линии замыкания или значения расстояний, которые помогают выровнять и точно расположить виджеты в фиксированной компоновке. Когда отображаются линии замыкания, соответствующие виджеты замкнуты вместе через все разрешения экрана.
Вкладка Ожидание на панели Вставить виджет удобна, когда вам нужно разработать приложение для нескольких размеров экранов. Например, может быть требование к дизайну, при котором виджет карты будет вставлен в экраны больших и средних размеров, а на маленьких экранах его быть не должно. В этом случае вы можете удалить виджет карты из дизайна экрана маленького размера и добавить его в список ожидания.
Подключение виджетов
Панель настройки виджетов включает настройки Содержание, Стиль и Действие. Содержание определяет поведение, подключения данных и другие настройки для виджета. Виджеты располагаются и оформляются на вкладке Стиль с настройками, включающими размер, расположение, анимацию, фон, рамку и тень. Размещение панелей виджетов запоминается в работающем приложении. Вы также можете использовать панели инструментов виджетов для выравнивания, удаления или дублирования виджетов.
Некоторые виджеты поддерживают добавление действий, которые позволяют коммуникацию между виджетами. Например, действие в одном виджете запускает действие в другом виджете, так, при щелчке на объекте на карте обновятся детали, показанные в виджете Информация об объекте. Вы можете добавить действия с сообщениями для автоматического взаимодействия или действия с данными для доступа конечных пользователей во время запуска из меню Действия. Комбинируйте инструменты и виджеты и подключайте их для дополнительной интерактивности. Помогите пользователям перемещаться по вашему приложению, настроив ссылки на другое содержание: страницы, окна и представления разделов.
Настройка ссылок
Вы можете добавить гиперссылку на свои ресурсы с помощью опции Задать ссылку, которая позволяет вам перенаправить пользователей на другую страницу, окно или вид раздела в вашем приложении, на предварительный просмотр печати, либо на другой веб-адрес. При прокрутке страниц вы можете настроить ссылки на виджеты для прокрутки до определенного блока на странице или возврата в верхнюю часть страницы. Настройку ссылок поддерживают следующие виджеты:
Настройки
При настройке ссылки вы можете выбрать следующие опции:
- Страница – ссылка, которая ведет на другую страницу вашего приложения.
- Вид – ссылка, которая ведет на указанное представление виджета Section.
- Окно – ссылка открывает в приложении определенное окно.
- URL* — Ссылка ведет на веб-адрес (введите URL, который начинается с https://).
- Блок – Ссылка, которая перемещает на конкретный блок на той же странице прокрутки в вашем приложении. (Недоступно для виджета Текст.)
- Наверх страницы – ссылка, выполняющая прокрутку наверх страницы. (Эта опция недоступна для виджета Текст.)
- Предварительный просмотр печати — ссылка напрямую открывает предварительный просмотр печати.
- Баннер с файлами cookie - ссылка напрямую ведет к баннеру с файлами cookie.
*Вы также можете использовать опцию URL для создания ссылки на адрес электронной почты, номер телефона и другие ресурсы. (Например, введите mailto:someone@example.com). В настоящее время опция Задать ссылку поддерживает схемы URI:
| Схема | Цель | Примечания по использованию | Формат | Примеры |
|---|---|---|---|---|
| https | Веб-адрес | https://xxx | https://www.esri.com | |
| mailto | Адреса email | Заголовки дополнительно (но часто) включают subject=. Предварительно заполните тело сообщения, используя body=. | mailto:<address> mailto:<address>[?<header1>=<value1>[&<header2>=<value2>]] | mailto:jsmith@example.com mailto:jsmith@example.com?subject=A%20Test&body=My%20idea%20is%3A%20%0A |
| tel | Номера телефонов | tel:<phonenumber> | tel:+18883774575 | |
| sms | Текстовые сообщения смс | Есть незначительные отличия в форматировании схем sms для устройств Android и iOS. | Android – sms:<phone number>[?actions] iOS – sms://<phone number>[&actions] | sms:+11234567890?body=hello%20there sms:+11234567890,+11234567891?body=hello%20there sms://+11234567890&body=111222Hello%20There%20Hi! |
| ftp | Ресурсы FTP | Используйте исходный синтаксис для реусрсов FTP | ftp://xxx | ftp://user/example.com |
Используйте следующие опции, чтобы указать, где будет открываться связанный ресурс:
- Окно приложения — Связанный ресурс открывается в фрейме приложения.
- Верхнее окно — Связанный ресурс открывается на всей площади текущего окна браузера.
- Новое окно — Связанный ресурс открывается в новом окне или вкладке браузера. Приложение остается открытым в первоначальном окне.