Axure 模糊搜索

最新推荐文章于 2023-07-01 10:28:50 发布
最新推荐文章于 2023-07-01 10:28:50 发布
阅读量1.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alisa_lq/article/details/47089985
版权

模糊搜索框

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

具体如下所示：

 

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

 

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

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

 

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

 

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

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

 

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

 

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

 

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

 

然后把不透明度变为0

 

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

 

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

右键矩形框，再点击“顺序”，再点击“置于顶层”。

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

接下来就可以看看执行效果了，然后发现我需要把提示的文字用一个矩形框围着，并且刚初始化页面的时候要把提示文字的动态面板隐藏好。

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

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

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


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


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

 

接下来要搞定的是输入文字后有提示。

 

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


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


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


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


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

 

接下来要解决的是，点击提示内容，把提示的文字搬到输入框中。

 

 

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


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


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

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


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


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


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

 

这个时候我们来运行一下，发现并不能够选到提示的文字，我们接着需要做如下处理。

 

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

 

首先选中输入框，删掉失去焦点的事件，然后再加入一个矩形的背景，如下图所示：

 

好了，打完收工！

Alisa_lq
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Axure的简单操作（模糊搜索）
sunshine_hl的博客
07-23 1万+
Axure中的模糊搜索
关于Axure中，中继器的模糊查询
ying631099151的博客
11-02 988
** 关于Axure中，中继器的模糊查询 刚入行的新人产品一枚，想找个地方把学习过的东西整理一下思路，并且都记下来，免得将来记不住，如果文章能给别人带来帮助就更好了！有错误的话还请各路大佬多多指正！话不多说我们进入正题！ 一、创建中继器 在左侧元件库中拖拽出中继器放到画布上，在右侧的列名中写下：name sex、age、grade、hobby五项，并在第一行对应以上字段，分别是姓名、性别、年龄、成绩、爱好，此时我们可以看到中继器上只出现了姓名一个字段，如何显示后面字段呢？ 我们双击中继器，然后会在左上角
Axure教程——模糊搜索（中继器 ）
weixin_43516258的博客
07-01 2380
本文介绍的是用Axure中的中继器制作模糊搜索
Axure实现简单模糊搜索的功能的方式
Coolstuz的博客
10-04 8999
功能如图：实现模糊搜索，输入关键字进行搜索！ 可用于实际临摹中： 在之前临摹了一下PC端的“钉钉”应用。发现这个功能挺好用的 1.元件需求 一个文本框、一个中继器、一个动态面板加三个动态面板状态state1、state2、state3 可以给动态面板的里各个状态随意添加添加内容 2.交互 给中继器添加词库，并将中继器隐藏 1.点进中继器，对中继器里自带的矩形设置交互 （即单击中继器里的内...
axure交互动作
VibMike的博客
05-27 1333
1、新建一个文本框、一个矩形和两个图标样式并命名（叉对应清除） 2、根据自己需求，更改“搜索”图标尺寸和不透明度 3、还有“清除”图标的尺寸和不透明度 4、设置文本框的提示文字内容为“搜索”并隐藏边框 5、将它们与矩形一起组合成“搜索框控件（不要忘记隐藏“叉”） 6、下面就是文本框的清除文字效果进行设置，首先设置文本框的“文本改变时”，条件1：当元件文字长度不等于0时 7、显示“叉”
axure模糊搜索.rp
11-30
axure设计模糊搜索控件
axure输入框搜索下拉示例
03-11
这通常涉及到字符串匹配算法，如模糊搜索（如：Levenshtein距离）或正则表达式匹配。 2. **下拉列表显示多列功能**： 下拉列表通常用于提供多个选项供用户选择。在Axure中，可以通过组合使用动态面板和表格组件来...
程矢Axure夜话图文教程中继器模糊搜索.pdf
02-16
程矢Axure夜话图文教程中继器模糊搜索.pdf
axure 实现模拟百度搜索 中继器实现列表，分页显示 全局模糊查询，被搜索的文本高亮显示
最新发布
12-25
axure 实现模拟百度搜索。利用中继器实现数据列表，分页显示数据。 实现模糊查询功能。用户输入关键字，匹配所有数据的相关值。 同时，实现了将被搜索的文本进行高亮显示。 对于有强迫症的人实现完美功能。
模糊搜索框的制作
07-23
在本文中，我们将探讨如何使用Axure这款原型设计工具来制作一个类似于京东(JD)网站的模糊搜索框功能。 首先，我们需要了解Axure的基本操作。Axure是一款强大的原型设计与交互设计软件，广泛应用于网页和移动应用的...
Axure模板、实例（各种交互实现）
04-01
Axure模板、组件、实例，可直接复制粘贴使用，包括多种交互样式
Axure RP 8 带滚动条带筛选的下拉列表框 圆角文本框
01-25
Axure RP 8 带滚动条带筛选的下拉列表框 圆角文本框,添加元件库就可以直接拖出来用
下拉列表框自动搜索控件
12-11
CustomAutoCompleteExt_src.zip 是一个用户自定义的下拉列表框，能够提供类似google工具条一样的自动搜索功能
axure制作下拉列表模糊查询
csdnjquery163com的博客
06-30 2961
Axure的版本8.0 一、实现的功能：对姓名的下拉检索； 二、元件搭配 1、输入框； 2、中继器； 3、标签； 三、实现逻辑 1、默认下拉列表是隐藏； 2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配下拉列表中的值，显示下拉列表； 3、鼠标悬停在下拉框文字上，改变文字的背景颜色； 4、单击选中下拉列表文字将文字赋值到搜索框，同时隐藏下拉列表； 5、搜索框内的文字长度小于1，隐藏下拉列表； 四、操作步骤 1、输入框，在元件库中选择一个输入框，取名为“搜索框”； 2、中继器，选择
Axure 下拉菜单模糊查询
x_ivy的专栏
06-28 3899
Axure下拉菜单模糊查询 选择省份或者地市菜单，下拉内容繁多并且查找不方便，只需要输入一个关键词，就能模糊搜索到包含此关键词的省份或地市。今天将为大家讲解如何在原型中体现该效果。案例效果如下： 一、实现逻辑 当输入框的值为空时，鼠标移入文本框显示菜单； 当输入框的值不为空时，显示数据筛选出包含输入框中关键词的数据项； 点击菜单任一项设置文本内容为选择项文字 根据上面的逻辑，需要用到函数[[LVAR.indexOf(‘searchValue’)]]，对函数进行筛选。 二、元件搭配 1.在
Axure9 使用中继器实现模糊查询搜索
渡阡
11-25 7201
最近完善产品的元件库，刚好遇到需要用中继器实现查询搜索功能。 要求实现的效果也很简单：如下图，我想根据输入框内文本内容改变时，中继器的C1列按照输入框当前的文本内容，模糊查询结果并显示结果。 接下来就是如何实现： 1.给输入框添加交互“文本改变时”，选择中继器的“添加筛选”动作； 2.选择目标中继器，给筛选取个好辨认的名字，勾选“移除其他选项”，然后点击fx开始写规则； 3.这里我们...
爱上axure之 交互制作
03-01
1，本章节会给大家分享Axure的所有交互动作，从链接、元件、全局变量，中继器、其他五大类进行分享。 2，每节课将会，以内容介绍+功能解释+案例演示，三个步骤进行讲解，让大家能从根本理解课程的内容。3，课程前三节是理论课程，可能会有些不太好理解；这个可不用太过担心，到后面学习中会经常用到的。5，框架的讲解会有一点难理解，勿喷！有问题可留言，我会答复的！本课程不提供元件库
【Axure RP9基础】自制搜索框组合
miroro0921的博客
10-20 3064
基础样式：搜索框组合
Axure9教程：如何实现淘宝模糊搜索框？
lily_better的博客
10-22 1819
提到淘宝的搜索，大家都能想到在这个搜索框输入关键词后出现的一系列联想词。那么这种效果如何通过Axure做出来呢？又有哪些要点呢？ 我们每天都在使用淘宝的搜索功能来筛选定位自己想要的商品，只需要输入一个关键词，就能模糊搜索到包含此关键词的所有商品。今天将为大家讲解如何在原型中体现该效果。案例效果如下： 一、实现逻辑 1、当输入框的值为空时，下面的数据项不显示； 2、当输入框的值不为空时，下面的数据项显示，且数据筛选出包含输入框中关键词的数据项； 根据上面的逻辑，需要用到函数[[LVAR.inde
axure 模糊查询
07-27
对于 Axure 的模糊查询，可以通过以下步骤来实现： 1. 打开 Axure RP 软件并加载您的项目。 2. 在 Axure RP 的主界面上，点击顶部菜单栏的 "筛选" 图标，或者使用快捷键 Ctrl + F。 3. 在弹出的筛选框中，输入您要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值