中继器虽然不常用,但是很有用,真的很有用。中继器是汉译之后的称呼,英文原指repeat,就是重复。可以理解为连续重复的项。本文教大家利用axure中继器实现实时搜索。
axure中继器实现实时搜索步骤
首先我们新建一个原型,拉入iphone的mockup框架,并在上面拉入一个内联框架,双击该框架,将链接接入相应的页面,这样的操作,能让我们更加专注于页面内的内容创作,但在原型演示时,又具备一定的视觉效果。具体操作见下图:
事前准备工作
接下来,我们开始创建基本的内容页,我们想将页面中的元素,按照需求,先搭建完善:
内容页的搭建
1、对于每一个app,尤其是ios来讲,导航栏一般是必备;
2、接着,我们创建一个搜索框,在这里,我们通过矩形+素材图片+一个文本框构建这个部件:
输入框的构建
在这里,我们需要对文本框做一下属性的调整:
3、我们利用之前所讲,搭建一个简单的列表,用以展示用户列表。下一步,我们就正式开始今天的教学,如何利用中期的筛选,实现对文本框的输入,来动态显示相关的内容。在这个过程中,涉及到的技术点是如何对中继器进行筛选操作。我们先选中“输入框”这个文本框,创建一个“文本改变时”的用例,这个用例由两部分组成:1、判断输入的文本是否大于等于1,如果是,则开始中创建好的中继器中进行筛选动作,查找输入的字是否有相关的内容,否则,则清除筛选条件,重置中继器的初始状态:
用例的创建1
用例的创建2
需要特别说明的是,在这个用例中,我们为了满足需求,创建了一个临时变量,用来控制输入文本的长度,这个看起来有些复杂,事实上,我们在原型的创作中,用到这种操作的不在少数,所以建议大家多了解了解,在以后的教程中,也会穿插类似的一些简单操作。
音响发烧友俚语大全
ROCCAT高性能光学键轴亮相 VULCAN系列又添新款
戴尔易安信数据保护解决方案:集成式数据保护应用装置
OPPO、小米领衔,目前最值购买的手机TOP 4
[esp32教程] 4、LEDC使用
axure中继器实现实时搜索
宏控多媒体中央控制系统操作知识
全新OPPO Reno5 Pro+重磅发布
采购人员必看的集成电路芯片辩别知识
realmeX2Pro高清图集
Beats Studio 3 评测解析
phpy:PHP与Python互调用库
智慧供水整体解决方案 打造数字孪生智慧供水解决方案
复工企业借UWB技术实现防控疫情智慧化管理
基于Arduino的低功耗睡眠模式设计方案
国产时钟IC-AiP8563替代AT8563/HYM8563/PCF8563,主要运用在RK方案上面
体验混合自动化:倍加福将“数字博览会”与其在SPS 2021的展示相结合
无线充电器充电手机发烫正常吗 无线充电器手机放上去无反应
布谷:拥抱智能,打造互联网新品牌
魅族魅蓝Note6怎么样?魅蓝Note6评测:高颜值高性能长续航,价格仅需1099值得购买