在日常上网的时候，我们能够看到一些输入框在搜索某几个关键字的时候，下面就会联想出好多信息，其实这个效果用Axure原型工作也是可以实现的，下面小编介绍一下如何使用Axure原型工具利用中继器实现联想输入效果。
工具/原料
1
电脑
2
Axure
方法/步骤
1
首先创建一个空白页面，在工作区域内拖入本次要使用的元件元素，主要有标题、矩形、输入框、动态面板及中继器，如下图所示。
2
元件元素准备完成后，对各元件的样式及描述等信息进行设置，如下图所示。
3
这一步非常关键，要给各个元件的名称进行设置，后面在进行交互事件的设置时要使用到，如下图所示。
4
所有元件的名称设置好后，打开动态面板，并将刚刚准备的中继器复制到此动态面板下，如下图所示。
5
下面开始对中继器中的内容进行编辑，如下图所示，我们把列名修改一下，并在该列下创建一些信息，前两字就是在输入框中要输入的文字，后面的字就是要联想出来的字，例如水果和蔬菜。
6
中继器中的值都编写完成后，需要对中继器的每项加载时的交互事件进行设置，如下图所示。
7
返回到工作台，也就是动态面板的外面，我们开始对输入框的交互事件进行设置，首先是文本改变时的第一个用例，移除中继器中的全部内容，如下图所示。
8
然后在添加中继器中的值，这里需要用到筛选以及局部变量，如下图所示。
9
然后显示动态面板，如下图所示。
10
最后我们在对用例2中的交互事件进行设置，如下图所示，主要是判断当输入框的文字为空时，隐藏动态面板。
11
交互事件都设置完成后，为了达到一定的效果，可以在输入框中输入提示文字，比如请输入水果或蔬菜，为什么只能输入这两种，因为我们在中继器中只写了这两种类型，如果想加其他的种类，自行处理。
12
好了，所有工作准备完成，f5预览一下效果，如下图所示。
13
当在输入框中输入水果时，下面会联想出所有有关水果的信息，如下图所示。
14
当在输入框中输入蔬菜时，下面会联想出所有有关蔬菜的信息，如下图所示。
注意事项
1
这里面最难的就是使用变量进行筛选的函数，这个写对了其他都不是问题了
2
更多好玩的Axrue经验，欢迎关注小编我们一起学习
上一篇：如何完成一个系统的交互设计？
下一篇：Axure新手入门基础（之六）