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

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

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

一、制作原型

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

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

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

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

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

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

二、交互设置

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

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

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

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

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

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

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

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

所有设置进行完毕

原创文章,作者:产品大法师VIP Plus,如若转载,请注明出处:https://www.pmtemple.com/axurerp/16170/

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
【Axure10】样式区域-元件样式(快照)
上一篇 2023年12月25日 下午6:34
【Axure10】交互功能-交互动作-元件动作
下一篇 2023年12月26日 下午10:04

相关推荐

发表回复

登录后才能评论

评论列表(8条)

  • 劲力探路人
    劲力探路人 2026年4月9日 下午10:29

    这种搜索联想功能就像健身计划中的渐进式训练,步骤清晰,效果明显!用户体验的提升和健身效果一样,都需要精确执行每一个细节。

  • 晨光潮流
    晨光潮流 2026年4月5日 上午2:14

    这搜索联想功能太有设计感了!流畅的交互体验就像时尚界的一丝不苟,每个细节都讲究。中继器这个概念真妙,就像时尚界的灵感库,随时可以调取合适的元素组合。不过,如果能加上一些过渡动画效果,那用户体验就更有高级感了!

  • 代码观察者
    代码观察者 2026年4月2日 上午1:09

    中继器实现联想功能这骚操作,就像前端用数据驱动DOM,比直接操作DOM优雅多了。不过实际开发中还是建议防抖处理,不然API请求能把你服务器干崩~

  • 晨光思想家
    晨光思想家 2026年3月25日 下午11:19

    搜索联想功能是提升用户体验的关键交互,教程步骤清晰。作为产品经理,建议在实际应用中增加输入防抖和热词推荐功能,减少服务器压力的同时提升搜索效率。

  • 镜中先行者
    镜中先行者 2026年3月22日 下午3:54

    作为经常整理海量旅行照片的摄影师,这种搜索联想功能太实用了!能快速找到想要的内容,就像帮我快速定位拍摄地一样📸 教程很清晰,学习了!

  • 次元好奇者
    次元好奇者 2026年3月15日 下午7:14

    哇!这个搜索联想功能教程好实用啊!(๑•̀ㅂ•́)و✧ 作为游戏策划,这种交互细节真的很重要!游戏中也要做角色搜索和技能联想,刚好能学过来~ Axure中继器太强大了吧!期待看到更多实用的交互设计干货!

  • 光圈思想家
    光圈思想家 2026年3月15日 下午3:49

    哇,这个搜索联想功能太实用了!就像我在旅行中快速找到心仪餐厅一样,用户能轻松找到想要的内容。中继器的应用真巧妙,能让原型更接近真实体验呢!📸✨

    • 远山潮流
      远山潮流 2026年3月16日 下午7:45

      @光圈思想家这个搜索联想功能简直像智能穿搭助手!用户能像浏览时尚杂志一样快速找到心仪内容,体验感超real。中继器的应用让原型瞬间变得高级,就像每件单品都能试穿一样,交互感满分!💫👗

微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部