axure实现搜索功能_用Axure实验搜索原型
这个十月,一直在边学Axure边做原型,发现中继器特别好玩,我用做的APP的一个使用中继器做的一个搜索功能谈谈我的学习
用中继器制作筛选,使用函数变量制作关键字变色
整个步骤关键有两步:
第一步,我们要通过中继器制作好我们所需的数据库,让用户可以搜索到;
我们使用中继器进行编辑,就是希望能够通过中继器所带有的筛选功能可以对我们所需要的信息进行筛选。这里的信息可以随便编辑,我在这里用歌手名来进行数据库展示。
拖拽中继器:
编辑数据:
得到数据库:
第二步,通过建立搜索框,对搜索框进行编辑案例。
这一步的难点在于:
如何筛选出我们想要的数据;
如何对我们选出的内容进行变色。
我们拖拽一个文本框,并命名为searchtext文本框,然后编辑案例:文本改变时:
首先,针对第一点,中继器自带筛选功能,我们可以在文本改变时案例编辑里找到中继器,然后选择筛选功能。
现在问题就出现了:中继器只能做到筛选内容与你的数据库内容的位置一一对应。
举例来说:
我想要通过搜索”雷州“来筛选出”湛江雷州白切狗“,中继器是做不到的。它只能做到,搜索”湛江雷州白切狗“或者按顺序搜索”湛江雷州“或者”湛江雷州白“才来筛选出”孙燕姿“。这个大家可以试一试。
因此,我们必须换个思路。在这里我们使用的是通过字符串函数”[[LVAR.indexOf('searchValue')]]“进行筛选。
这个函数的意思是从头到尾地检索字符串 LVAR,看它是否含有子串 searchValue。如果找到一个 searchvalue,则返回 searchvalue 第一次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。
另外我们给搜索按钮设置用例
然后再把中继器设置在搜索框下面设为隐藏即刻,按F5进行预览。。。
输入湛江
到这里,我的经验分享就完了。现在的我仍是一个刚刚迈出0基础的新手,还需要多学习。
谢谢观看
axure实现搜索功能_用Axure实验搜索原型相关推荐
- java商品搜索功能_利用solr实现商品的搜索功能(实例讲解)
后期补充: 为什么要用solr服务,为什么要用luncence? 问题提出:当我们访问购物网站的时候,我们可以根据我们随意所想的内容输入关键字就可以查询出相关的内容,这是怎么做到呢?这些随意的数据不可 ...
- 使用google map实现周边搜索的功能_「转」“搜索”的原理,架构,实现,实践,面试不用再怕了...
可能99%的同学不做搜索引擎,但99%的同学一定实现过检索功能.搜索,检索,这里面到底包含哪些技术的东西,希望本文能够给大家一些启示. 全网搜索引擎架构与流程如何? 全网搜索引擎的宏观架构如上图,核心 ...
- axure手机页面设计说明_使用Axure打造最佳的移动端交互原型教程(附元件库分享)...
一直以来Axure在对移动端原型设计方面的支持都不是十分理想,它没有像目前其它几类原型设计工具(Justinmind.墨刀等)一样提供移动端设备的模板和相关交互组件,但是Axure自由灵活的特性却同样 ...
- html做一个京东搜索功能,连续动作:自动搜索关键词采集信息—以京东为例
一.操作步骤 如果网页上有搜索框,但是搜索结果页面没有独立网址,想要采集搜索结果,直接做规则是采集不到的,要先做连续动作(输入+点击)来实现自动输入关键词并搜索,然后才能采集数据.下面用京东搜索为例, ...
- 小程序搜索框_微信小程序搜索及优化相关知识科普
生活中我们常常会用到微信小程序,但很多人不知道该如何搜索.找到小程序:而有些已经做了自己的小程序的商家,也不懂怎么提升自己的微信小程序搜索效果.所以下面就跟大家科普下这两个问题. 1.怎么搜索微信小程 ...
- 计算机的搜索功能无法启用,电脑文件搜索功能无法使用的具体解决方法
? 如果我们不知道某个文件具体在电脑中的具体位置,那么可以在一定范围内通过电脑系统中的文件搜索功能来进行搜索.如果在电脑中发现不能搜索文件,那么应该怎么进行修复呢?大家可以参考下面的方法来解决这一问题 ...
- Android仿淘宝历史搜索功能,使用localStorage实现历史记录搜索功能也便是天猫app历史记录存储方便浏览...
使用localStorage实现历史记录搜索功能也就是天猫app历史记录存储方便浏览 得益于H5的API,前端可以很方便的存储数据,除了cookie,新增的sessionStorage.localSt ...
- android实现分类搜索功能,android应用中的搜索功能怎么实现的
GCT1015 在app应用中,至少要执行如下的三个步骤,才能让app应用能够进行检索.如果要提供搜索建议,还需要执行第4步: 编写搜索配置的XML文件 编写搜索的activity类 在Android ...
- axure element ui素材_【Axure分享】基于Element UI的Axure Web组件
有一段时间没做过产品原型了,前一阵有一个web产品需要做原型,正好在搞前端,于是顺便把Element UI移植到Axure上,基本上实现了大部分的功能组件,部分过于繁琐的组件未实现. 自己觉得蛮满意的 ...
最新文章
- 第6章 面向方面编程
- mysql索引的创建与管理实验_mysql索引创建与管理笔记
- 【Android】Android实现自定义带文字和图片的Button
- python 图像识别_AI场景,3步懂图像识别产品
- android调用邮件应用发送email
- QT学习之自定义信号
- Redis下载部署配置运行及修改登录地址、端口和密码
- apache设置开机启动启动
- 罗丹明RB/四甲基罗丹明标记酰胺化果胶Amidated Pectin, Rhodamine B/TRITC labeled;Rhodamine B/TRITC-Amidated Pectin
- 北京邮电大学计算机考研英语,我的考研心得——北京邮电大学计算机专业
- CleanMyMac2023Mac下载排行最好的清理工具
- 小程序组件-仿微信通讯录
- 成都榆熙:拼多多商家忘记店铺登录密码怎么办?怎么找回?
- 对计算机网络的保密管理整改措施,保密工作自查整改报告
- Java 两个中文字符串异或问题
- Z世代成消费主力,还呗布局消费分期正当时
- proteus中 基于STC89C51的ADC0809模数转换仿真
- 【原创-更新完毕】|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载2
- 7-30 实验3_13_最大公约数和最小公倍数的多种 求法(100 分)
- 信息系统项目管理笔记1-信息化基础知识、服务管理、监理知识