Axure RP 9 教程:模拟微信系列(3)——模糊查询

2019-10-26 16:58:58 来源:齐海新闻

本文是模拟微信的第三篇,本次模拟的主要内容是利用中继器和lvar.indexof(”)函数实现模糊查询。除了模糊查询,笔者还对之前两个版本的原型进行了进一步的优化,大家可以下载自行研究。模糊查询可以根

这是模拟微信的第三部分。本次模拟的主要内容是使用中继器和lvar.indexof(")函数实现模糊查询。除了模糊查询,作者还进一步优化了前两个版本的原型,每个人都可以下载它们进行自己的研究。

模糊查询可以基于用户名和用户的消息内容。

Lvar指示在哪里搜索。

指示要搜索的内容。如果是直接文本,则需要在两侧添加。如果一个变量是可变的,它不需要是可变的。

在这种情况下,Lvar是对应于中继器的字段,而A是局部变量。

请注意,此函数返回的位置从0开始,也就是说,如果它出现在第一个单词中,那么返回值为0,第二个单词出现,那么返回值为1,那么只要函数大于-1,我们就可以查询每个单词。

两条垂直线表示or,a||b表示满足条件或b条件,返回1。

我们创建了一个中继器来添加数据、添加用户头像、用户名、用户最新消息、消息和用户消息的时间。这个过程将不再详细解释,而是将在上面的图中直接说明。

接下来,我们制作了一个搜索条件输入框,制作了一个搜索按钮,并将中继器放在搜索框下面。在这种情况下,为了模拟微信效果,我们隐藏了中继器,如下图所示:

选择输入框,选择交互,点击提示,设置提交按钮。提交按钮的功能是使用enter相当于单击提交按钮。

我们将输入框的提交按钮设置为上图中的搜索按钮,如图所示:

选择搜索按钮,设置交互,单击添加过滤器,选择中继器,名称可以随意设置,规则设置为[[项目。名称。索引(a) >-1 | |项目。消息。索引(a) >-1]]

解释这个功能。双垂直线的前一段表示在中继器名称字段中搜索变量。类似地,双竖线的后一段指示变量A在中继器消息字段中被搜索。

让我们继续看下面的局部变量。局部变量赋予了一个含义,即搜索框的文本。

通过这种方式,我们的函数可以在中继器的名称字段和消息字段中搜索输入框。下图:

这样,我们可以同时查询名称和消息内容。

在这种情况下,我们还添加了许多交互来设置顶部、隐藏显示和清空文本。这样做是为了满足整体互动体验,每个人都可以自己学习。

每个问题的原型将保留先前的交互,因此只要下载最新的原型,就可以覆盖先前设置的交互。

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

密码:mqk3

(注意:此文件需要使用axure 9打开)

作者:王德裕,公共号码:他们已经在路上了

这篇文章最初是由@王德裕aipm发表的。每个人都是产品经理。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。