中继器实现自动回复功能

中继器是axure里面非常重要的一个元件，通过中继器，我们可以开发出非常有趣的一些应用，今天我就带领大家来实现一个简单的聊天机器人。

按照老规矩，我们先看一下效果图：

 

【需求分析】

在上面的例子，我们需要实现如下几个效果：

1、分别输入关键字A、B，点击发送以后，输入的内容会显示，并且会根据关键词回复对应的内容；

2、如果显示的内容超过超过显示区域，页面自动往上滚动；

 

【实现思路】

针对上面的两个需求，主要通过下面的思路实现：

1、通过中继器里面的数据列表展示聊天内容；

2、中继器里面的记录有两个类型，reply 和ask，reply就是机器人回复的记录，ask就是输入的关键字，reply和ask显示的方式不同，是通过动态面板的两个状态切换实现的；

3、至于聊天内容的自动上翻，是通过聊天内容放到一个动态面板里面，如果动态面板的高度超过内容区域的区域，则动态面板自动往上移动；

 

【原型设计】

1、拖入标题栏、中继器、消息输入框和一个发送按钮，消息输入框命名为input，这个步骤比较简单，就不详细介绍；

2、中继器里面的数据只保留一条，删除其他两条，数据源如下所示：

3、进入中继器，在矩形前面拖入图片元件，作为回复消息的头像，拖入一一个三角形，与原