Виджет Карточка

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

Примеры

Используйте этот виджет для поддержки требований к разработке приложений, таких как:

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

Примечания по использованию

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

Подсказка:

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

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

  • Для синхронизированных виджетов содержимое виджета и настройки стиля (фон, граница и тень) одинаковы, а размер и положение в разных состояниях могут отличаться.
  • Для изолированных виджетов можно настроить свойства, не затрагивая другие виджеты в другом состоянии.
  • Чтобы использовать виджет в другом состоянии или синхронизировать его размер и положение, выберите виджет и примените его к целевому состоянию.
  • При удалении синхронизированного виджета он также удаляется в других состояниях, если вы предварительно не изолируете его.

Настройки

Виджет Карточка имеет следующие настройки:

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

    Чтобы поэкспериментировать с этими опциями, нажмите Реальный вид на панели инструментов конструктора.