Adaptive Card(自适应卡片)是一种用于在各种平台上以高度可视化和交互方式显示数据的灵活格式。本文将介绍如何使用自适应卡片的动态生成选项功能。
动态生成选项允许您使用 JSON 数据中列表的属性或通过 Web Hook 返回的动态数据获取选项,这些选项将显示为自适应卡片中的单选按钮或多选框。
以下为示例代码:
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"text": "请选择以下选项:",
"size": "medium",
"weight": "bolder",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "options",
"value": "1",
"style": "expanded",
"choices": [
{
"title": "选项1",
"value": "1"
},
{
"title": "选项2",
"value": "2"
},
{
"title": "选项3",
"value": "3"
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "提交",
"data": {
"action": "submit"
}
}
]
}
在上述示例中,我们定义了一个具有单选按钮的自适应卡片,并且可以根据需要添加多个选项。您可以将此示例代码作为起点,并为您的应用程序调整它。在我们的示例中,我们使用 JSON 数据定义了选项列表,您可以使用 Web Hook 返回的动态数据或从另一个源(例如数据库)动态获取选项。
总结一下,动态生成选项是 Adaptive Card 的重