Axure教程:搜索输入联想功能(中继器)

1 评论 4316 浏览 6 收藏 3 分钟

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

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

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

一、制作原型

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

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

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

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

二、交互设置

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

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

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

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

所有设置进行完毕。

 

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

题图来自 Pixabay,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 别误导人了,垃圾东西,妈的中间的定义变量和其他的函数过程被你吃了???,赶紧删了吧,恶心人呢在这

    来自江西 回复