Question

我正在尝试更改网络聊天机器人的布局，以便： 1.用户消息有不同的颜色和气泡 2. Bot Reply应该有不同的颜色和气泡为了使用C＃可以在BOT V4中应用，任何人都可以解释或指导我使用它的逐步代码吗？逐步说明： 1.是否有任何配置或设置要在何处，什么位置以及以什么顺序进行 2.如果要在哪里，如何以及在哪个区域或部分编写什么代码像明智的详细分步指南一样，对不起，但我是Bot和编码的新手，因此请提供详细指南

预期结果：Bot和用户应使用不同的UI或颜色或气泡实际结果：需要逐步说明如何实现。

Answer 1

您的案例在网聊的GitHub页面的“自定义”部分下进行了描述。

关于气泡的颜色：https://github.com/Microsoft/BotFramework-WebChat/blob/master/SAMPLES.md#change-font-or-color

如您所见，它类似于以下内容：

<!DOCTYPE html>
<html>
  <body>
    <div id="webchat" role="main"></div>
    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <script>
      const styleOptions = {
        bubbleBackground: 'rgba(0, 0, 255, .1)',
        bubbleFromUserBackground: 'rgba(0, 255, 0, .1)'
      };

      window.WebChat.renderWebChat({
        directLine: window.WebChat.createDirectLine({ secret: 'YOUR_BOT_SECRET' }),

        // Passing "styleOptions" when rendering Web Chat
        styleOptions
      }, document.getElementById('webchat'));
    </script>
  </body>
</html>

如何使用SDK V4在C＃中修改WEBCHAT中BOT和USER输入的UI？

1 个答案: