Microsoft Teams - 在聊天中呈现自适应卡片的问题

Posted 2023-03-24

技术标签:

【中文标题】Microsoft Teams - 在聊天中呈现自适应卡片的问题【英文标题】：Microsoft Teams - Rendering issues of adaptive cards in the Chat 【发布时间】：2019-10-29 06:11:22 【问题描述】：

SDK 版本

来自 NuGet 的 AdaptiveCards 1.1.2

"$schema": "http://adaptivecards.io/schemas/adaptive-card.json", “版本”：“1.0”

问题

This is the adaptive card's JSON that is generated from .NET core
app.
https://pastebin.com/F1nkSdRS

当这个 JSON 被粘贴到 https://adaptivecards.io/designer/ 时，它呈现得非常好

文本“一些应该在 MS Teams 中居中的文本”放置在 columnSet 的列中，带有 VerticalAlignment.Center，它在 App Studio 或 Web 设计器中呈现得非常好。当在 MS Teams 中的聊天中发送相同的 JSON 时，文本与 VerticalAlignment.Top 相同，如图所示

【问题讨论】：

【参考方案1】：

很遗憾，您遇到的结果完全是特定于渠道的。换句话说，这不是自适应卡的不足，而是各个渠道（在本例中为团队）如何渲染自适应卡。

因此，您应该期望不同的对象和操作的结果可能因渠道而异，具体取决于您要完成的工作。

话虽如此，这可能是渲染中的一个问题，但您必须使用 MS Teams。

【讨论】：

【参考方案2】：

我已经得到了 AdaptiveCards Microsoft 存储库的答案 => https://github.com/microsoft/AdaptiveCards/issues/3062

“嗨@siderisltd，感谢您抽出宝贵时间提交此文件。verticalContentAlignment 已添加到架构的 v1.1 中，并且截至目前 Microsoft Teams 正在 v1.0 上运行，因此在 Teams 上无法理解该属性还没有。

我们正在对设计器进行改进，以包括一个目标版本选择器（可能会根据主机应用下拉菜单自动选择），如果您使用的属性/功能比您当前支持的更新，它会通知您所需的主机应用程序。

@dclaux 仅供参考"

【讨论】：