【发布时间】:2021-03-04 01:22:28
【问题描述】:
我正在为 Teams (Azure Bot) 创建一个 AdaptiveCard(和不同类型)。
请告诉我最大宽度尺寸限制吗?
也许有“最佳实践”规则?谢谢。
【问题讨论】:
标签: botframework microsoft-teams adaptive-cards
我正在为 Teams (Azure Bot) 创建一个 AdaptiveCard(和不同类型)。
请告诉我最大宽度尺寸限制吗?
也许有“最佳实践”规则?谢谢。
【问题讨论】:
标签: botframework microsoft-teams adaptive-cards
根据我的经验,我从未找到关于 AdaptiveCard 宽度限制的“最佳实践”规则。
I choose to use percentage to describe the width。但不幸的是,它仍然受到团队客户端宽度的影响。如果保持客户端窗口最大化,则 AdaptiveCard 将具有更大的尺寸。如果客户端窗口保持较小的格式,则 AdaptiveCard 的尺寸会更小。
我们还需要考虑不同的操作系统、不同的设备和移动端点。
【讨论】:
您无法更改自适应卡片的宽度,这是设计使然。但是,您可以通过 app studio 中提供的卡片编辑器测试和验证您的卡片,并将其发布给自己以查看在各种客户端(如 web 和 windows)中的兼容性。
【讨论】:
桌面版 MS Teams 的宽度有意变窄,以更好地适应手机版 MS Teams。微软已经决定,手机用户显然比桌面用户更重要。因此,他们最初不允许您更改自适应卡片的宽度。他们的最佳做法是记住显示器尺寸可能很窄(手机),您应该对此进行测试并做好计划。他们还指出,窄卡片通常在更宽的显示器上看起来可以接受,但反过来并不总是如此。
不过,“全宽”自适应卡片功能已在某个时候发布,现在可用。
Microsoft 已经记录了如何使用它:
Constructing full width cards
要制作全宽自适应卡片 卡片内容中
msteams属性中的width对象必须设置为 满的。此外,您的应用必须包含以下元素:
{
"type": "AdaptiveCard",
"body": [{
"type": "Container",
"items": [{
"type": "TextBlock",
"text": "Digest card",
"size": "Large",
"weight": "Bolder"
}]
}],
"msteams": {
"width": "Full"
},
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.2"
}
【讨论】: