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

加入时间:2019-12-02 19:01:55  点击:4786 

这是模拟微信的第三部分。本次模拟的主要内容是使用中继器和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协议。

江西快3 广东快乐十分 广西快3开奖结果 pk10开奖 pk拾

 

 
 
 
 
 
陈德霖:香港成为风险管理中心目标与国际金融中心一致
2019年10月11日娄底市挂牌1宗商业/办公用地 起始价2
车主邦CEO王阳:国内出行行业越来越分散,大型油耗管理平台出
阿里云牵头搭建“工业机器人云平台”工厂可在云端管理机器人
该!每逢示威就卖头盔、面罩,港警查封
经济学人全球头条:麦当劳人造肉汉堡,卢伟冰回怼余承东,一加印
 

Copyright 2018-2019 msuperboy.com 阳霞资讯 Inc. All Rights Reserved.