Поделиться через


Microsoft Adaptive Card Previewer Microsoft Visual Studio

Средство предварительного просмотра адаптивных карточек, интегрированное с набором средств Microsoft Teams для Visual Studio, позволяет в режиме реального времени просматривать адаптивные карточки, созданные для ботов Microsoft Teams. Вы можете открыть параллельный предварительный просмотр адаптивной карточки, чтобы наблюдать за изменениями в реальном времени, переключаться между различными темами и уточнять свои проекты, чтобы обеспечить их точность и эффективность.

Обзор средства предварительного просмотра адаптивных карточек

Средство предварительного просмотра адаптивных карточек предоставляет более быстрые и надежные решения для предварительного просмотра макетов адаптивных карточек. Средство предварительного просмотра адаптивных карточек поддерживает следующие функции:

  • Интеграция набора средств Teams. Включает JIT-установку средства предварительного просмотра адаптивных карточек при обновлении адаптивных карточек, созданных из проекта Набора средств Teams.

    Снимок экрана: пример адаптивной карточки в правой области.

  • Мгновенный предварительный просмотр. Позволяет просматривать адаптивные карточки в редакторе Visual Studio с помощью CodeLens.

  • Разделение данных. Позволяет отделить данные от макета на языке шаблонов адаптивной карточки. Используйте команду Adaptive Card: New Data File , чтобы добавить файл данных в шаблон, который создает пустой файл, в котором можно привязать данные к шаблону адаптивной карточки.

  • Переключение тем. Позволяет переключаться между светлыми, темными и высококонтрастными темами для предварительного просмотра адаптивных карточек.

    На рисунке показан предварительный просмотр адаптивной карточки в светлых, темных и высококонтрастных темах.

Преимущества

Средство предварительного просмотра адаптивных карточек предоставляет следующие преимущества:

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

  • Надежные предварительные версии. Использует тот же стек отрисовки, что и Teams и Outlook, чтобы обеспечить соответствие точных и согласованных результатов предварительного просмотра с фактической отрисовкой карточки.

Ограничения

Средство предварительного просмотра адаптивных карточек не поддерживает следующие функции адаптивной карточки:

Предварительная версия адаптивной карточки

Можно использовать существующий файл шаблона адаптивной карточки или скачать пример адаптивной карточки.

  1. Откройте существующий файл шаблона адаптивной карточки или файл шаблона адаптивной карточки из загруженного примера в Visual Studio.

  2. В файле шаблона адаптивной карточки в левом верхнем углу выберите Предварительный просмотр.

    Снимок экрана: параметр для выбора параметра предварительного просмотра, чтобы открыть предварительный просмотр адаптивной карточки в правой области.

    В области справа откроется предварительный просмотр адаптивной карточки. Вы можете выбрать тему предварительного просмотра в раскрывающемся списке Тема .

См. также

Дизайн адаптивных карточек