增加 MS Teams 频道的自适应卡片宽度答案

【问题标题】：Increase the width of Adaptive Card for MS Teams channel增加 MS Teams 频道的自适应卡片宽度
【发布时间】：2020-04-30 20:16:19
【问题描述】：

我有一张带有 4 个按钮的自适应卡片，但问题是我的第 4 个按钮转到下一行。我想将所有按钮放在一行中，那么有什么方法可以增加自适应卡的宽度以将按钮排成一行。

我正在使用机器人框架 v3 (C#)。

【问题讨论】：

标签： botframework adaptive-cards

【解决方案1】：

不幸的是，you cannot align 您的按钮在此并排片刻。对于按钮，没有这样的属性

。如下所示：

虽然您可以在 ColumnSet 内对齐其他元素，例如 Input.Text 或 TextBlock 但它不支持内部按钮。

请看下面的屏幕截图：

您可以进一步了解adaptive card property here。

【讨论】：

【解决方案2】：

另一个答案是正确的，afaik 你不能增加自适应卡的宽度。请记住，即使可以，它也会在不同设备上出现问题——比如它可能适合台式机，但会在手机上出现问题。作为一种替代解决方案，您能否以某种方式（取决于它们的作用）在逻辑上将按钮分成两组，或者明确地将它们分成两行？

【讨论】：

我认为自适应卡框架的重点在于在不同的设备上看起来不错并具有响应性。至少给我们一个选项，允许卡片内的容器也分布在 x 轴上

【解决方案3】：

该功能即将在 MS Teams 中推出。参考这里：https://www.msfttoday.com/microsoft-teams-community-call-september-15-2020/

即将推出的功能包括：

全宽自适应卡片

信息屏蔽

溢出菜单

【讨论】：

链接 URL 已损坏（看起来域已过期或站点已消失）。作为参考，这就是为什么复制/粘贴更多信息是一个好主意的原因，因此不依赖可能会随着时间而中断的外部资源。

【解决方案4】：

将以下属性添加到自适应卡片以设置宽度以使用整个窗口。

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.2",
    "msTeams": { "width": "full" },
    "body": [...]
}

【讨论】：

像魅力一样工作。我在任何地方都找不到答案，包括 MS 文档，但这个答案非常有效。这需要包含在文档中。感谢您的帮助！
这真的很棒，你可以在正文外的内容块内添加这个对象，如下"content": { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.2", "msTeams": { "width": "full" }, "body": [ {} ]
顺便说一句，这记录在这里：docs.microsoft.com/en-us/microsoftteams/platform/…