本次分享的是利用中继器实现的搜索输入联想功能,可将搜索的关键词添加到联想列表中
![](https://img.haomeiwen.com/i22688770/300409391ba692cf.png)
预览及下载地址:https://cfaxvk.axshare.com
一、制作原型
1、拖动一个【矩形】元件,加入【文本框】,其文本框命名为“text”
拖动一个【矩形】元件,制作成“搜索”按钮,命名为“Button”
拖动一个动态面板,命名为“区域”
![](https://img.haomeiwen.com/i22688770/c6cc5976d34beeb3.png)
2、点击动态面板,进入状态模式,拖动一个【中继器】元件,点击中继器,加入一个【矩形】元件,命名为“Label”,对中继器赋值
![](https://img.haomeiwen.com/i22688770/e436ca5735208fbd.png)
二、交互设置
1、对搜索框进行“文本改变时“事件进行设置
![](https://img.haomeiwen.com/i22688770/25bf588f97e7fa0e.png)
2、对搜索按钮进行”鼠标点击时“事件设置
![](https://img.haomeiwen.com/i22688770/4252b3517e171ccd.png)
3、对中继器进行”每项加载时“事件设置
![](https://img.haomeiwen.com/i22688770/e627682899d63216.png)
4、对中继器中的矩形框进行”鼠标点击“事件设置
![](https://img.haomeiwen.com/i22688770/f75fb1e75551ddff.png)
所有设置进行完毕
网友评论