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

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

Примеры

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

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

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

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

Подсказка:

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

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

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

Настройки

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

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