编辑导读：当你不知道你想要的商品具体名称是什么时，你可以输入关键词，用联想功能搜索。本文作者分享如何用Axure制作搜索输入联想功能，希望对你有帮助。

本次分享的是利用中继器实现的搜索输入联想功能，可将搜索的关键词添加到联想列表中

预览及下载地址：https://776bds.axshare.com

一、制作原型

1、拖动一个【矩形】元件，加入【文本框】，其文本框命名为“text”

拖动一个【矩形】元件，制作成“搜索”按钮，命名为“Button”

拖动一个动态面板，命名为“区域”

2、点击动态面板，进入状态模式，拖动一个【中继器】元件，点击中继器，加入一个【矩形】元件，命名为“Label”，对中继器赋值

二、交互设置

1、对搜索框进行“文本改变时“事件进行设置

2、对搜索按钮进行”鼠标点击时“事件设置

3、对中继器进行”每项加载时“事件设置

4、对中继器中的矩形框进行”鼠标点击“事件设置

所有设置进行完毕。

本文由@qianqianlu 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Pixabay，基于CC0协议