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

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

Примеры

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

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

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

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

Подсказка:

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

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

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

Настройки

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

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

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