Axure的简单操作（模糊搜索）

最新推荐文章于 2025-06-17 15:03:06 发布
最新推荐文章于 2025-06-17 15:03:06 发布
阅读量1.8w 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： 交互设计 文章标签： axure 操作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sunshine_hl/article/details/47031045
本文介绍了如何在Axure中创建京东商品搜索框的模糊搜索功能。从设置搜索框开始，详细讲解了调整不透明度、设置层级顺序，以及处理输入文字后的提示显示和点击提示内容移动至输入框的交互过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

模糊搜索框

接下来要演示的是如何在Axure中做一个jd搜索商品的搜索框。

具体如下所示：

 

=========================================================

 

=========================================================

 

=========================================================

 

=========================================================

 

=========================================================

 

最低0.47元/天 解锁文章

200万优质内容无限畅学
Axure中继器的运用——实现模糊查询功能
qq_45627939的博客
08-08 1441
Axure中继器的使用——实现模糊查询 首先我们需要使用到Axure RP软件，这里不多赘述，下载安装使用教程自行去找，我不提供哦！ 那我们来打开到Axure的界面来创建一个中继器吧。 首先，我们先将元件库中Default中的中继器这个元件拖拽到页面中。 其次，我们给中继器的右侧样式栏中手动添加数据，添加了两列数据：用户名username和地址place。然后再给拖拽一个单行文本框和一个按钮到页面，自行调整样式。另外再在中继器上方拖拽一个表格作为表头。双击中继器，在中继器容器中添加表格。 单击选中中继器
Axure9 使用中继器实现模糊查询搜索
渡阡
11-25 7725
最近完善产品的元件库，刚好遇到需要用中继器实现查询搜索功能。 要求实现的效果也很简单：如下图，我想根据输入框内文本内容改变时，中继器的C1列按照输入框当前的文本内容，模糊查询结果并显示结果。 接下来就是如何实现： 1.给输入框添加交互“文本改变时”，选择中继器的“添加筛选”动作； 2.选择目标中继器，给筛选取个好辨认的名字，勾选“移除其他选项”，然后点击fx开始写规则； 3.这里我们...
程矢Axure夜话图文教程中继器模糊搜索.pdf
02-16
程矢Axure夜话图文教程中继器模糊搜索.pdf
Axure-RP原型图组件（导航栏-模糊搜索..）
03-19
嘻嘻嘻
Axure中继器使用
最新发布
xxs_qaq的博客
06-17 791
文章讲解如何使用axure动态添加行、删除、模糊搜索，利用中继器实现简单数据交互操作
axure模糊搜索.rp
11-30
axure设计模糊搜索控件
Axure夜话之中继器系列视频教程之中继器模糊搜索.rar
12-04
老二牛车教育程矢 Axure夜话之中继器系列视频教程之中继器模糊搜索.rar html原型
AXURE rp表单模糊搜索
12-27
### Axure RP 表单模糊搜索实现方法 #### 使用中继器和过滤器构建动态列表查询 为了实现在Axure RP中的表单模糊搜索功能，主要依赖于中继器（Repeater）控件以及其内置的过滤机制。当中介器加载了一组记录之后，...
axurerp9模糊搜索
01-04
### Axure RP 9 中模糊搜索功能的使用方法 ...通过上述步骤的操作，即可完成一次简易版的模糊搜索机制搭建。值得注意的是，虽然这里描述的过程适用于大多数情况，但在面对更复杂的需求时可能还需要进一步调整优化方案。
Axure RP9 中继器的简单操作（2）
m0_46364332的博客
02-22 2807
Axure RP9 中继器的新增行操作、模糊搜索操作
Axure RP9中继器制作列表、实现搜索、翻页效果.rp
03-09
Axure RP9 使用中继器制作列表，实现搜索功能以及翻页效果，显示页面和项目数量，方便产品经理使用
Axure教程——模糊搜索（中继器 ）
weixin_43516258的博客
07-01 3066
本文介绍的是用Axure中的中继器制作模糊搜索
Axure实现简单模糊搜索的功能的方式
热门推荐
Coolstuz的博客
10-04 1万+
功能如图：实现模糊搜索，输入关键字进行搜索！ 可用于实际临摹中： 在之前临摹了一下PC端的“钉钉”应用。发现这个功能挺好用的 1.元件需求 一个文本框、一个中继器、一个动态面板加三个动态面板状态state1、state2、state3 可以给动态面板的里各个状态随意添加添加内容 2.交互 给中继器添加词库，并将中继器隐藏 1.点进中继器，对中继器里自带的矩形设置交互 （即单击中继器里的内...
axure制作下拉列表模糊查询
csdnjquery163com的博客
06-30 4223
Axure的版本8.0 一、实现的功能：对姓名的下拉检索； 二、元件搭配 1、输入框； 2、中继器； 3、标签； 三、实现逻辑 1、默认下拉列表是隐藏； 2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配下拉列表中的值，显示下拉列表； 3、鼠标悬停在下拉框文字上，改变文字的背景颜色； 4、单击选中下拉列表文字将文字赋值到搜索框，同时隐藏下拉列表； 5、搜索框内的文字长度小于1，隐藏下拉列表； 四、操作步骤 1、输入框，在元件库中选择一个输入框，取名为“搜索框”； 2、中继器，选择
axure设计模糊搜索小控件
qq_17749127的博客
11-30 354
1个文本输入框，用来输入文字进行模糊搜索，两个矩形，一个装下拉选项，一个装选中下拉选项后标签。 1、功能：模糊搜索 文本输入框添加文本改变时事件，设置隐藏下拉选项2、下拉选项3，显示下拉选项1，设置隐藏下拉选项1、2，显示下拉选项3，同理设置文字为下拉选项2 2、选中下拉选项显示√ 在3个下拉选项后分别添加√，隐藏，将下拉选项1、2、3添加点击事件， ...
android搜索框功能实现_vue实现模糊搜索功能
weixin_39529463的博客
11-20 194
首先写好一个列表写好的样式是这样滴操作来了在computed里面定义了一个search函数 使用filter过滤接下来在method 里面写一个sousuo1函数 进行一个判断 如果搜索这个输入框框里是空 就是展示原数据 如果这个不为空 就会展示搜索到的数据最后 很重要把list改为sousuo1()这个函数看效果接下来把全部代码写上 里面的vue引入的是cdn 直接复制黏贴就可以用 ...
axure9.0中继器多条件模糊查询总结
qq_56370437的博客
02-07 1658
[(Item.code.indexOf(code)+Item.name.indexOf(code)+Item.phome.indexOf(code)+Item.address.indexOf(code))>-4]]，同样的公式相加并括起来（），而-4则表示在中继器中查询的列数。PS：这效果没有达到预期，当前功能仅能实现单条件模糊的查询，并不能实现多条件模糊查询。3、最重要的地方，引用中继器字段，再插入字符串里面的indexOf（局部变量），检查后就完成了。不过单个模糊查询比较适用手机端。
Axure百度模糊查询功能
iteye_7017的博客
03-03 1459
本文实现的效果是类似于百度等众多网站的模糊查询功能，如图所示1.建立Axure，本文以百度为例，便于了解。2.插入一个单行文本框，长度根据自己的需求设定，文本框后面插入按钮。  3.在文本框下面建立一个动态面板，命名为“搜索列表”，点击动态面板的state1，编辑state1，拖动矩形到state1里面，并在矩形中添加内容，然后设置矩形的边框为none。本文以“天”字为例。   4.开始设...
程矢Axure夜话：中继器系列视频教程之中继器模糊搜索
程矢的专栏
11-08 1988
程矢Axure夜话：中继器系列视频教程之中继器模糊搜索 案例描述：中继器模糊搜索 知识点： 中继器过滤字符串函数 效果图： 本站在线效果预览:http://www.91axure.com/repeaterlesson/repeaterlikesearch/start.html#p=home(firefox原型文件) AxShare在线效果预览
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值