【问题标题】:MS Teams Adaptive Card max widthMS Teams 自适应卡片最大宽度
【发布时间】:2021-03-04 01:22:28
【问题描述】:

我正在为 Teams (Azure Bot) 创建一个 AdaptiveCard(和不同类型)。

请告诉我最大宽度尺寸限制吗?

也许有“最佳实践”规则?谢谢。

【问题讨论】:

标签: botframework microsoft-teams adaptive-cards


【解决方案1】:

根据我的经验,我从未找到关于 AdaptiveCard 宽度限制的“最佳实践”规则。

I choose to use percentage to describe the width。但不幸的是,它仍然受到团队客户端宽度的影响。如果保持客户端窗口最大化,则 AdaptiveCard 将具有更大的尺寸。如果客户端窗口保持较小的格式,则 AdaptiveCard 的尺寸会更小。

我们还需要考虑不同的操作系统、不同的设备和移动端点。

【讨论】:

    【解决方案2】:

    您无法更改自适应卡片的宽度,这是设计使然。但是,您可以通过 app studio 中提供的卡片编辑器测试和验证您的卡片,并将其发布给自己以查看在各种客户端(如 web 和 windows)中的兼容性。

    【讨论】:

      【解决方案3】:

      桌面版 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"
      }
      

      【讨论】:

        猜你喜欢
        • 2020-04-30
        • 2021-02-06
        • 2021-12-05
        • 2019-02-24
        • 2021-12-01
        • 2020-02-17
        • 2021-04-01
        • 2020-01-13
        • 2021-03-27
        相关资源
        最近更新 更多