设为首页 | 加入收藏

欢迎访问幸运赛车规律_幸运赛车返奖率_幸运赛车走势图大全

幸运赛车返奖率 >> 天花-Axure RP 9 教程:模仿微信系列(3)——含糊查询

本文是模仿微信的第三篇,本次模仿的主要内容是运用中继器和LVAR.indexOf(”)函数完成含糊查询。除了含糊查询,笔者还对之前两个版别的原型进行了进一步的优化,咱们能够下载自行研讨。

本文是模仿微信的第三篇,本次模仿的主要内容是运用中继器和LVAR.indexOf(”)函数完成含糊查询。除了含糊查询,笔者还对之前两个版别的原型天花-Axure RP 9 教程:模仿微信系列(3)——含糊查询进行了进一步的优化,咱们能够下载自行研讨。

作用图

含糊查询能够依据用户的称号和用户的音讯内容进行查询。

制造原理 LVAR.indexOf(‘A’)函数

莲实

LVAR表明在哪儿查找。

A表明搜什么,假如A直接是文本,需求在两边加上”,假如A是变量,则不需求”。

本事例的LVAR是中继器对应的字段,A是局部变量。天花-Axure RP 9 教程:模仿微信系列(3)——含糊查询

LVAR.indexOf(‘A’)>-1

留意,该函数回来的方位是从0开端的,也就是说,假如在第1个字就呈现了,那么回来值是0,第2个字呈现了,那么回来值是1,那咱们只需让该函数大于-1,就能够查询每一个文字。

||

两条竖线代表或,A||B表明A条件和B条件满意恣意一个即回来1。

操作进程

咱们创立一个中继器在里面增加数据,增加用户头像,用户称号name,用户最新音讯message和用户音讯的时刻。这个进程不做细节解说,直接上图就是了。

接下来,咱们制造一个查找条件输入框,制造一个查找按钮,把做好的中继器放在查找框下边,本事例中为了模仿微信作用,咱们对中继器进行了躲藏,如下图:

挑选输入框,挑选交互,点击提示,设置提交按钮,提交按钮的作用是,运用Enter就等同于点击提交按钮。

咱们设置输入框的提交按钮为上图中的查找按钮,如图所示:

选中查找按钮,设置交互,点击增加挑选,挑选中继器,称号能够随意设置,规矩设置为[[Item.Name.indexOf(A)>-1||Item.message.indexOf(A)>-1]]

解释一下这个函数,双竖线的前一段表明在中继器Name字段中查找变量A;相同,双竖线后一段表明在中继器message字段中查找变量A。

咱们持续看下边的局部变量,局部变量对A赋予了意义,A表明查找框的文本。

这样一来,咱们这儿的函数就完成了在中继器的称号name字段和音讯message字段内查找输入框输入的内容。如下图:

这样,咱们就能够一起对称号和音讯内容进行含糊查询。

在本事例中,咱们还增加了许多置顶和躲藏显现以及清空文本的交互,这是为了满意全体的交互体会而做的,咱们能够自行研讨。

结语

每一期的原型都会保存之前的交互,因而只需下载最新一期的原型即可包括之前设置的交互。

下载链接:https://pan.baidu.com/s/10odOHiqq_q5o4B8DmI7G_Q

暗码:mqk3

(温馨提示:该文件需求运用Axure 9翻开)

作者:王得宇AIPM,大众号:他们已经在路上了

本文由 @王得宇AIPM 原创发布于人人都是产品司理。未经许可,制止转载

题图来自Unsplash,根据CC0协议



上一条      下一条
返回顶部