【发布时间】：2018-10-05 05:44:14
【问题描述】：
问题：渲染的动作不超过五个
背景：
我正在将 BotFramework-WebChat 与 SharePoint 框架集成，一切正常。但是，当我尝试在 WebChat 中显示具有超过 5 个操作的自适应卡片时，聊天显示给我一张带有“无法呈现卡片”文本的卡片，但如果在 BotFramework-Emulator 中测试可以正常工作或控制台 Directline 可以正常工作。
为了测试建议，我编写了一个 C# 方法，您可以在其中传递要在聊天中显示的操作数。
使用自适应卡测试
问题：如果有五个以上的操作，则呈现带有“无法呈现卡片”消息的卡片
异常：渲染一张具有五个以上动作的自适应卡片 私有异步任务 MessageReceivedAsync（IDialogContext 上下文，IAwaitable 参数） { var message = 等待参数； var 回复 = context.MakeMessage();
if (message.Text.Equals("3 btn"))
{
reply.Attachments.Add(GetAdaptativeCard(3));
reply.Value = " { nombre : 'BTN'}";
}
else if (message.Text.Equals("5 btn"))
{
reply.Attachments.Add(GetAdaptativeCard(5));
reply.Value = " { nombre : 'BTN'}";
}
else if (message.Text.Equals("7 btn"))
{
reply.Attachments.Add(GetAdaptativeCard(7));
reply.Value = " { nombre : 'BTN'}";
}
else if (message.Text.Equals("18 btn"))
{
reply.Attachments.Add(GetAdaptativeCard(18));
reply.Value = " { nombre : 'BTN'}";
}
else
if (message.Text.Equals("gif"))
{
reply.Attachments.Add(GetAnimationCard());
await context.PostAsync(reply);
}
private Attachment GetAdaptativeCard(int numberOfButtons) {
var actions = new List<ActionBase>();
for (int i = 0; i < numberOfButtons; i++)
{
actions.Add(new SubmitAction()
{
Title = i.ToString(),
Speak = "<s>Search</s>",
DataJson = "{ \"Type\": \"HotelSearch\" }"
});
}
AdaptiveCard card = new AdaptiveCard()
{
Body = new List<CardElement>()
{
new Container()
{
Speak = "<s>Hello!</s><s>How many buttons are in the chat?(18)</s>",
Items = new List<CardElement>()
{
new ColumnSet()
{
Columns = new List<Column>()
{
new Column()
{
Size = ColumnSize.Auto,
Items = new List<CardElement>()
{
new Image()
{
Url = "https://placeholdit.imgix.net/~text?txtsize=65&txt=Adaptive+Cards&w=300&h=300",
Size = ImageSize.Medium,
Style = ImageStyle.Person
}
}
},
new Column()
{
Size = ColumnSize.Stretch,
Items = new List<CardElement>()
{
new TextBlock()
{
Text = "Hello!",
Weight = TextWeight.Bolder,
IsSubtle = true
}
}
}
}
}
}
}
},
// Buttons
Actions = actions
};
return new Attachment()
{
ContentType = AdaptiveCard.ContentType,
Content = card
};
}
截图：
用 HeroCard 测试：
我只是尝试使用 HeroCard 而不是 AdaptiveCard。在这种情况下，当超过 5 个按钮时，只显示前 5 个按钮。 也许这是一个限制？
问题：卡片只渲染前五个动作
异常：渲染一张英雄卡有五个以上的动作
private Attachment GetHeroCard(int numbersOfButtons)
{
var actions = new List<CardAction>();
for (int i = 0; i < numbersOfButtons; i++)
{
actions.Add(new CardAction(ActionTypes.OpenUrl, $"Get Started {i}", value: "https://docs.microsoft.com/bot-framework"));
}
HeroCard card = new HeroCard()
{
Title = "BotFramework Hero Card",
Subtitle = "Your bots — wherever your users are talking",
Text = "Build and connect intelligent bots to interact with your users naturally wherever they are, from text/sms to Skype, Slack, Office 365 mail and other popular services.",
Images = new List<CardImage> { new CardImage("https://sec.ch9.ms/ch9/7ff5/e07cfef0-aa3b-40bb-9baa-7c9ef8ff7ff5/buildreactionbotframework_960.jpg") },
Buttons = actions
};
return card.ToAttachment();
}
【问题讨论】：
-
“我正在将 BotFramework-WebChat 与 SharePoint 框架集成，并且一切正常”：您有关于此实施的更多详细信息吗？你在使用github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/… 吗？
-
嗨，我将 github.com/Microsoft/BotFramework-WebChat 集成到了 SPFX 的 react 项目中。当机器人返回给我一张卡片超过五个动作时，我遇到的问题，如果卡片是类型 herocard 卡片只显示前五个动作，如果类型是 AdaptiveCard 返回带有消息“无法呈现卡片”的卡片。我认为卡片中动作数量的问题与github.com/Microsoft/AdaptiveCards有关，但我不确定。
-
总结一下：自适应卡片：最多 5 个动作可以，否则不渲染 // HeroCard：最多 5 个动作可以，否则只渲染前 5 个
-
是的。你知道这是否是一种限制吗？
标签： c# botframework adaptive-cards spfx