中继器是axure里面非常重要的一个元件,通过中继器,我们可以开发出非常有趣的一些应用,今天我就带领大家来实现一个简单的聊天机器人。
按照老规矩,我们先看一下效果图:
【需求分析】
在上面的例子,我们需要实现如下几个效果:
1、分别输入关键字A、B,点击发送以后,输入的内容会显示,并且会根据关键词回复对应的内容;
2、如果显示的内容超过超过显示区域,页面自动往上滚动;
【实现思路】
针对上面的两个需求,主要通过下面的思路实现:
1、通过中继器里面的数据列表展示聊天内容;
2、中继器里面的记录有两个类型,reply 和ask,reply就是机器人回复的记录,ask就是输入的关键字,reply和ask显示的方式不同,是通过动态面板的两个状态切换实现的;
3、至于聊天内容的自动上翻,是通过聊天内容放到一个动态面板里面,如果动态面板的高度超过内容区域的区域,则动态面板自动往上移动;
【原型设计】
1、拖入标题栏、中继器、消息输入框和一个发送按钮,消息输入框命名为input,这个步骤比较简单,就不详细介绍;
2、中继器里面的数据只保留一条&