Microsoft Adaptive Card Previewer

  • 项目

注意

自适应卡片预览版在 公共开发人员预览版中提供。

使用 Microsoft 自适应卡片预览器，可以在优化设计时预览自适应卡片。 它适用于 Teams 工具包，允许预览为 Teams 机器人和消息扩展创建的自适应卡片。 可以打开并排预览来观察实时更改并在不同主题之间切换。

屏幕截图显示自适应卡片预览器扩展Visual Studio Code。

探索自适应卡片预览器

自适应卡片预览器提供更快、更可靠的解决方案来预览自适应卡片设计。 自适应卡片预览器支持以下功能：

  • Teams 工具包集成：在更新从 Teams 工具包项目生成的自适应卡片时，启用实时 (JIT) 安装自适应卡片预览器。

    屏幕截图显示了更新自适应卡片时自适应卡片的示例预览。

  • 即时预览：允许通过 CodeLens 或命令面板在Visual Studio Code编辑器中预览自适应卡片。

    可以在 自适应卡片 模板文件中选择“预览自适应卡片建议”，在右窗格中预览自适应卡片。

    该图显示预览在 Visual Studio Code 中的自适应卡片预览扩展中的显示方式。

  • 数据分离：使用自适应卡片 模板语言将数据与布局分开。 使用 命令 Adaptive Card: New Data File 为模板添加数据文件，这将生成一个空文件，可在其中将数据绑定到自适应卡片模板。

  • 默认主题配置：允许通过Visual Studio Code扩展设置自适应卡片预览器：默认主题来设置默认主题。

    屏幕截图显示如何通过Visual Studio Code扩展设置配置默认主题。

  • 切换主题：允许在浅色、深色和高对比度主题之间切换，以预览自适应卡片。

    图形显示浅色、深色和高对比度主题的自适应卡片预览。

优点

自适应卡片预览器具有以下优势：

  • 快速更新：允许在集成开发环境中预览自适应卡片设计，无需在工具之间不断切换。 可以使用 Teams 工具包创建机器人或消息传递扩展，打开自适应卡片元数据文件，并使用 CodeLens 或特定命令预览卡。 对卡的任何更新或更改都通过预览版中的热重载功能立即反映。

  • 可靠的预览：使用与 Teams 和 Outlook 相同的呈现堆栈，以确保准确且一致的预览结果与实际卡呈现保持一致。

限制

自适应卡片预览器不支持以下自适应卡片功能：

常见问题解答

为什么我们必须在 Visual Studio Code 中使用新的扩展？无法将此扩展集成到 Teams 工具包Visual Studio Code中吗？

自适应卡片预览器是一个独立的扩展，因为它使用闭源包来呈现自适应卡片，以确保与 Teams 平台的呈现逻辑一致。 Teams 工具包是一个开源项目，不包含第三方开发人员无法访问的包的依赖项。
 

此扩展是否支持 Teams 平台中的所有自适应卡片功能？

否。 自适应卡片预览器扩展不支持几个 限制 。
 

另请参阅

设计自适应卡片