Добавляйте виджеты функций и компоновок в приложения, созданные с помощью Experience Builder. Вы можете принять стили по умолчанию, либо настроить оформление и подключить виджеты к данным, другим виджетам или ссылкам для вашего интерфейса.
Вставка виджетов
Виджеты строки являются строительными блоками вашего приложения. Если вы не используете виджеты в различных доступных шаблонах для страниц, окон, групп экранов и блоков, вы можете добавить виджеты из панели Вставить виджет с помощью простого перенесения их. У виджетов Контроллер виджетов и Заполнитель, а также на панелях прокрутки в группе экранов есть кнопка Добавить виджет. Виджеты могут выполняться как инструменты приложений или действовать как контейнеры для организации страницы, они сгруппированы в шесть категорий:
- Виджеты с фокусом на карте - это инструменты приложений, которые подключаются к Виджету Карта.
- Виджеты с фокусом на данных - это инструменты приложений, которые взаимодействуют с источниками данных.
- Виджеты элемента страницы для добавления изображения, текста и других мультимедиа в ваше приложение.
- Виджеты меню и панелей инструментов предоставляют опции, которые могут помочь пользователям использовать и публиковать свое приложение.
- Виджеты компоновки - это контейнеры, которые помогают организовать виджеты на странице.
- Виджеты раздела показывают динамическое содержимое в нескольких видах и позволяют пользователям переключаться между видами.
При добавлении и размещении виджетов см. интерактивную структуру для каждой страницы, который показывает иерархию виджетов для страницы и помогает организовать, выбирать и настраивать вложенные виджеты. Когда вы наводите курсор на виджет в контуре, соответствующий виджет подсвечивается на канве. В пределах рамки, щелкните виджет и щелкните кнопку Больше, чтобы открыть меню операций с виджетом, таких как переименование, дублирование, удаление, блокировка размещения и размера, закрепление, организация и выравнивание. Для виджетов, содержащихся в других виджетах, щелкните Развернуть все или Свернуть все, чтобы показать или скрыть вложенную иерархию.
Используйте стандартные сочетания клавиш для копирования и вставки (Ctrl+C и Ctrl+V для Windows; Cmd+C и Cmd+V для Mac) для копирования виджетов между страницами. Когда вы дублируете или копируете виджет, все его настройки сохраняются, кроме положения на странице и надписи. Новые надписи виджета следуют правилу непрерывной нумерации. Например, дублирование Изображения 1 дает Изображение 2 или Изображение 3, если Изображение 2 уже существует. Перетаскивание виджетов на экран для перемещения и изменения их размера отображает линии замыкания или значения расстояний, которые помогают выровнять и точно расположить виджеты в фиксированной компоновке. Когда отображаются линии замыкания, соответствующие виджеты замкнуты вместе через все разрешение экрана.
Вкладка Ожидание на панели Вставить виджет удобна, когда вам нужно разработать приложение для нескольких размеров экранов. Например, может быть требование к дизайну, при котором виджет карты будет вставлен в экраны больших и средних размеров, а на маленьких экранах его быть не должно. В этом случае вы можете удалить виджет карты из дизайна экрана маленького размера и добавить его в список ожидания.
Подключение виджетов
Панель настройки виджетов включает настройки Ресурсы, Стиль и Действие. Ресурс определяет поведение, подключения данных и другие настройки для виджета. Виджеты располагаются и оформляются на вкладке Стиль с настройками, включающими размер, расположение, анимацию, фон, рамку и тень. Размещение панелей виджетов запоминается в работающем приложении. Вы также можете использовать панели инструментов виджетов для выравнивания, удаления или дублирования виджетов.
Некоторые виджеты поддерживают добавление действий, которые позволяют коммуникацию между виджетами. Например, действие в одном виджете запускает действие в другом виджете, так, при щелчке на объекте на карте обновятся детали, показанные в виджете Feature Info. Вы можете добавить действия с сообщениями для автоматического взаимодействия или действия с данными для доступа конечных пользователей во время выполнения из меню Действия. Комбинируйте инструменты и виджеты и подключайте их для дополнительной интерактивности. Помогите пользователям перемещаться по вашему приложению, настроив ссылки на другой контент: страницы, окна и представления разделов.
Настройка ссылок
Вы можете добавить гиперссылку на свои ресурсы с помощью опции Задать ссылку, которая позволяет вам перенаправить пользователей на другую страницу, окно или вид раздела в вашем приложении, на предварительный просмотр печати, либо на другой веб-адрес. При прокрутке страниц вы можете настроить ссылки на виджеты для прокрутки до определенного блока на странице или возврата в верхнюю часть страницы. Настройку ссылок поддерживают следующие виджеты:
Настройки
При настройке ссылки вы можете выбрать следующие опции:
- Страница – ссылка, которая ведет на другую страницу вашего приложения.
- Вид – ссылка, которая ведет на указанное представление виджета Section.
- Окно – ссылка открывает в приложении определенное окно.
- URL— ссылка ведет на веб-адрес (введите URL, который начинается с https://).
- Блок – ссылка, которая выполняет прокрутку на конкретный блок на той же странице прокрутки в вашем приложении. (Недоступно для виджета Текст.)
- Наверх страницы – ссылка, выполняющая прокрутку наверх страницы. (Недоступна для виджета Текст.)
- Предварительный просмотр печати — ссылка напрямую открывает предварительный просмотр печати.
- Баннер с файлами cookie - ссылка напрямую ведет к баннеру с файлами cookie.
*Вы также можете использовать опцию URL для ссылки на адрес email номер телефона и так далее. (Например, введите mailto:someone@example.com). В настоящее время опция Задать ссылку поддерживает схему URI:
| Схема | Цель | Примечания по использованию | Формат | Примеры |
|---|---|---|---|---|
| https | Веб-адрес | https://xxx | https://www.esri.com | |
| mailto | Адреса email | Заголовки дополнительно (но часто) включают тема=. Предварительно заполните тело сообщения, используя тело=. | 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 |
| тел | Номера телефонов | тел:<phonenumber> | тел:+18883774575 | |
| смс | Текстовые сообщения смс | Есть незначительные отличия в форматировании схем смс для устройств Android и iOS. | Android — смс:<тел номер>[?действия] iOS — смс://<тел номер>[&действия] | смс:+11234567890?тело=добрый%20день смс:+11234567890,+11234567891?тело=добрый%20день смс://+11234567890&тело=111222Добрый%20День%20Привет! |
| ftp | Ресурсы FTP | Используйте исходный синтаксис для реусрсов FTP | ftp://xxx | ftp://user/example.com |
Вы также можете указать, где должен открываться связанный ресурс:
- Окно приложения – связанные ресурсы открываются в текущем окне браузера, которое использует ваше приложение.
- Поверх окон – связанные ресурсы открываются вне всех вложенных фреймов поверх остальных открытых окон.
- Новое окно – связанные ресурсы открываются в новом окне браузера, при этом приложение останется открытым в другом окне.