Средство предварительного просмотра адаптивных карточек (Майкрософт)

  • Статья

Примечание.

Средство предварительного просмотра адаптивных карточек доступно в общедоступной предварительной версии для разработчиков.

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

Снимок экрана: Visual Studio Code расширения Средства предварительного просмотра адаптивных карточек.

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

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

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

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

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

    Вы можете выбрать Предварительный просмотр предложения адаптивной карточки в файле шаблона адаптивной карточки, чтобы просмотреть адаптивную карточку в правой области.

    На рисунке показано, как предварительный просмотр отображается в расширении предварительного просмотра адаптивной карточки в Visual Studio Code.

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

  • Конфигурация темы по умолчанию. Позволяет задать тему по умолчанию с помощью Visual Studio Code параметров расширения Adaptive Card Previewer: Тема по умолчанию.

    Снимок экрана: настройка темы по умолчанию с помощью Visual Studio Code параметров расширения.

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

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

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

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

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

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

Ограничения

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

Вопросы и ответы

Почему мы должны использовать новое расширение в Visual Studio Code? Не может ли это расширение быть интегрировано в Набор средств Teams для Visual Studio Code?

Средство предварительного просмотра адаптивных карточек — это автономное расширение, так как он использует пакет с закрытым исходным кодом для отрисовки адаптивных карточек, чтобы обеспечить согласованность логики отрисовки с платформой Teams. Teams Toolkit — это проект с открытым исходным кодом, который не включает зависимости от пакетов, к которым сторонние разработчики не могут получить доступ.
 

Поддерживает ли это расширение все функции адаптивной карточки на платформе Teams?

Нет. Существует несколько ограничений , которые расширение средства предварительного просмотра адаптивных карточек не поддерживает.
 

См. также

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