首页
我的博客
写文章
登录
注册
网站导航
互站首页
源码集市
服务市场
域名交易
网站交易
任务大厅
商家专区
互站社区
Axure教程:搜索输入联想功能(中继器)
原创
纤纤露
2022-07-08 15:03:21
评论(0)
阅读(331)
当你不知道你想要的商品具体名称是什么时,你可以输入关键词,用联想功能搜索。本文分享如何用Axure制作搜索输入联想功能,希望对你有帮助。 ![](https://img.huzhan.com/blog/20220708/20221657263618725.png) 预览及下载地址:https://776bds.axshare.com 一、制作原型 1、拖动一个【矩形】元件,加入【文本框】,其文本框命名为“text” 拖动一个【矩形】元件,制作成“搜索”按钮,命名为“Button” 拖动一个动态面板,命名为“区域” ![](https://img.huzhan.com/blog/20220708/20221657263638848.png) 2、点击动态面板,进入状态模式,拖动一个【中继器】元件,点击中继器,加入一个【矩形】元件,命名为“Label”,对中继器赋值 ![](https://img.huzhan.com/blog/20220708/20221657263668926.png) 二、交互设置 1、对搜索框进行“文本改变时“事件进行设置 ![](https://img.huzhan.com/blog/20220708/20221657263732771.png) 2、对搜索按钮进行”鼠标点击时“事件设置 ![](https://img.huzhan.com/blog/20220708/20221657263750131.png) 3、对中继器进行”每项加载时“事件设置 ![](https://img.huzhan.com/blog/20220708/20221657263770563.png) 4、对中继器中的矩形框进行”鼠标点击“事件设置 ![](https://img.huzhan.com/blog/20220708/20221657263786853.png) 所有设置进行完毕。
关注下面的标签,发现更多相似文章
本文TAG标签:
分享
QQ分享
微博分享
微信扫一扫
收藏
axure8.0教程动态面板多级联动 中
上一篇:Axure教程:滑动选择数值Axure教程:滑动选择数值
下一篇:在线教育系统的发展趋势Axure教程:滑动选择数值
您好,
请先
登录
!请文明评论,不得违反国家法律法规!
已有
0
条评论
纤纤露
关注
TA的店铺
21
文章
7860
人气
0
评论
0
粉丝
专注Axure设计的产品经理
Ta的最新文章
Axure案例分享—进度条(附下载地址)
Axure教程—滚动加载(中继器 )
Axure教程—表格(中继器)
Axure教程—菜单(中继器)
Axure教程—堆积面积图
标签大全
axure8.0教程动态面板多级联动
(2)
axure8.0教程
(2)
axure中继器axure教程axure
(1)
axure8.0教程动态面板
(1)
axure8.0教程动态面板axure中
(1)
axure8.0教程动态面板多级联动下拉
(1)
axure
(1)
axure8.0教程中继器动态柱状图
(1)
axure8.0教程动态面板图片交互效果
(1)
axure8.0教程动态面板多级联动 中
(1)
axure8.0教程axure中继器
(1)
axure8.0教程axure菜单axu
(1)
axure8.0教程滑块步进器
(1)
axure8.0教程动态仪表盘
(1)
axure教程 axure直方图
(1)
axure教程axure动态面板图片效果
(1)
axure8.0教程 axure单色面积
(1)
axure教程axure堆积面积图axu
(1)
axure axure中继器axure教
(1)
阅读目录
已有 0 条评论