如何右对齐自适应卡操作的图标？

Question

我正在尝试找出如何将 Action.OprnUrl 文本中的图标向右对齐

在 https://www.adaptivecards.io/designer/ 中使用卡片布局：

{
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "TextBlock",
            "size": "Medium",
            "weight": "Bolder",
            "text": "Publish Adaptive Card Schema"
        },
        {
            "type": "TextBlock",
            "text": "Description",
            "wrap": true
        }
    ],
    "actions": [
        {
            "type": "Action.OpenUrl",
            "title": "View",
            "url": "https://adaptivecards.io",
            "iconUrl": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAEoSURBVDhPpZNNioNAEIWfOgjB6DLXMKusgu4jrsQcILgxp4pIwHiAuPPnGi68gRtFyK4nrTVJZsaYCfNBQ7/q7lfw6BLYFfyD3iCOYyRJAkEQqPya+XwO13UHg/P5jKIo6OhvnE4nbLfbwYBqb+H7PhRFgUj6bS6XC0RRxAdpTOWgaRpkWYZlWTBNk6oDNwMeymKxIHVHVVWEYYiyLPv9U4PNZtOvn/CAj8cjVqsVxuKazOBwOMC2bURRhPV6jbZt6eTOU4MgCOB5HrIsg67rqOt6NJ9RA955t9shTVMYhtHXnn2yXwaPnb8eT/HNYKzzK24G/PFUZx5g13WkHqBZYJIkses8cDkKv5PnOSnGHMdh+/2e9bNQVRWapsFyuSTb1/BfO5vN8AmAXKcYkYfiaAAAAABJRU5ErkJggg=="
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.5"
}

样本数据：

{
    "title": "Publish Adaptive Card Schema",
    "description": "Description",
    "viewUrl": "https://adaptivecards.io"
}

根据 MS Teams 商店指南，有可能

Answer 1

我们尝试在 https://www.adaptivecards.io/designer/ 中测试提供的卡片，但无法看到任何属性来对齐打开 URL 按钮上文本右侧的图标：

根据文档，我们可以在机器人响应操作按钮中添加“弹出图标”，但看起来并非如此： https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/deploy-and-publish/appsource/prepare/teams-store-validation-guidelines#bots-1

Answer 2

我还没有机会对此进行测试，但看起来使用 Unicode 可能可行，例如类似于以下字符：🡵（您可以将其复制粘贴到实际的“标题”属性中。如果有效，这里列出了一些可能的 unicode 箭头：https://en.wikipedia.org/wiki/Arrows_ （Unicode_块）

Answer 3

我们从工程团队得到了更新，如果我们使用“iconUrl”属性，我们没有任何方法将图标对齐到右侧。

作为替代解决方案， 我已经测试了希尔顿建议的方式，它对我来说运行良好，使用以下 JSON：

 {
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "TextBlock",
            "size": "Medium",
            "weight": "Bolder",
            "text": "Publish Adaptive Card Schema"
        },
        {
            "type": "TextBlock",
            "text": "Description",
            "wrap": true
        }
    ],
    "actions": [
        {
            "type": "Action.OpenUrl",
            "title": "View 🡵",
            "url": "https://adaptivecards.io",
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.4"
}