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

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

产品经理,产品经理网站

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

一、制作原型

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

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

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

产品经理,产品经理网站

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

产品经理,产品经理网站

二、交互设置

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

产品经理,产品经理网站

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

产品经理,产品经理网站

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

产品经理,产品经理网站

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

产品经理,产品经理网站

所有设置进行完毕。

 

本文作者@qianqianlu 。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部