Microsoft自適應卡 - 列大小

Question

有誰知道爲自適應卡的列大小設置適當的值是什麼？ 架構（http://adaptivecards.io/explorer/#Column）說

「自動」， 「拉伸」，或表示列設置 列的相對寬度的數字（預設值：Auto）

但實際上我已經嘗試過數量，百分比，像素，點但沒有工作。

感謝

Answer 1

如果你看看這個例子：http://adaptivecards.io/visualizer/?card=/samples/cards/Input%20Form.json

您將看到的格式是一個基本的數字：

{ 
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", 
    "type": "AdaptiveCard", 
    "version": "0.5", 
    "body": [ 
    { 
     "type": "ColumnSet", 
     "columns": [ 
     { 
      "type": "Column", 
      "size": 2, 
      "items": [ 
      { 
       "type": "TextBlock", 
       "text": "Tell us about yourself...", 
       "weight": "bolder", 
       "size": "large" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "We just need a few more details to get you booked for the trip of a lifetime!", 
       "isSubtle": true, 
       "wrap": true 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Don't worry, we'll never share or sell your information.", 
       "isSubtle": true, 
       "wrap": true, 
       "size": "small" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Your name", 
       "wrap": true 
      }, 
      { 
       "type": "Input.Text", 
       "id": "myName", 
       "placeholder": "Last, First" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Your email", 
       "wrap": true 
      }, 
      { 
       "type": "Input.Text", 
       "id": "myEmail", 
       "placeholder": "youremail@example.com", 
       "style": "email" 
      }, 
      { 
       "type": "TextBlock", 
       "text": "Phone Number" 
      }, 
      { 
       "type": "Input.Text", 
       "id": "myTel", 
       "placeholder": "xxx.xxx.xxxx", 
       "style": "tel" 
      } 
      ] 
     }, 
     { 
      "type": "Column", 
      "size": 1, 
      "items": [ 
      { 
       "type": "Image", 
       "url": "https://upload.wikimedia.org/wikipedia/commons/b/b2/Diver_Silhouette%2C_Great_Barrier_Reef.jpg", 
       "size": "auto" 
      } 
      ] 
     } 
     ] 
    } 
    ], 
    "actions": [ 
    { 
     "type": "Action.Submit", 
     "title": "Submit" 
    } 
    ] 
} 

它的工作有點像引導;這裏你的第一列將獲得總寬度的2/3 = 2 /（2 + 1），第二列將是1/3（1 /（2 + 1））。

您可以在提供測試儀操縱值