起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識Axure RP 9 教程：模擬微信系列（3）——模糊查詢
本文是模擬微信的第三篇，本次模擬的主要內(nèi)容是利用中繼器和LVAR.indexOf(”)函數(shù)實現(xiàn)模糊查詢。除了模糊查詢，筆者還對之前兩個版本的原型進(jìn)行了進(jìn)一步的優(yōu)化，大家可以下載自行研究。
效果圖
模糊查詢可以根據(jù)用戶的名稱和用戶的消息內(nèi)容進(jìn)行查詢。
制作原理
LVAR.indexOf(‘A’)函數(shù)
LVAR表示在哪兒搜索。
A表示搜什么，如果A直接是文本，需要在兩側(cè)加上”，如果A是變量，則不需要”。
本案例的LVAR是中繼器對應(yīng)的字段，A是局部變量。
LVAR.indexOf(‘A’)>-1
注意，該函數(shù)返回的位置是從0開始的，也就是說，如果在第1個字就出現(xiàn)了，那么返回值是0，第2個字出現(xiàn)了，那么返回值是1，那我們只要讓該函數(shù)大于-1，就可以查詢每一個文字。
||
兩條豎線代表或，A||B表示A條件和B條件滿足任意一個即返回1。
操作步驟
我們創(chuàng)建一個中繼器在里面添加數(shù)據(jù)，添加用戶頭像，用戶名稱name，用戶最新消息message和用戶消息的時間。這個過程不做細(xì)節(jié)講解，直接上圖就是了。
接下來，我們制作一個搜索條件輸入框，制作一個搜索按鈕，把做好的中繼器放在搜索框下邊，本案例中為了模擬微信效果，我們對中繼器進(jìn)行了隱藏，如下圖：
選擇輸入框，選擇交互，點擊提示，設(shè)置提交按鈕，提交按鈕的作用是，使用Enter就等同于點擊提交按鈕。
我們設(shè)置輸入框的提交按鈕為上圖中的搜索按鈕，如圖所示：
選中搜索按鈕，設(shè)置交互，點擊添加篩選，選擇中繼器，名稱可以隨意設(shè)置，規(guī)則設(shè)置為[[Item.Name.indexOf(A)>-1||Item.message.indexOf(A)>-1]]
解釋一下這個函數(shù)，雙豎線的前一段表示在中繼器Name字段中搜索變量A；同樣，雙豎線后一段表示在中繼器message字段中搜索變量A。
我們繼續(xù)看下邊的局部變量，局部變量對A賦予了含義，A表示搜索框的文本。
這樣一來，我們這里的函數(shù)就實現(xiàn)了在中繼器的名稱name字段和消息message字段內(nèi)搜索輸入框輸入的內(nèi)容。如下圖：
這樣，我們就可以同時對名稱和消息內(nèi)容進(jìn)行模糊查詢。
在本案例中，我們還增加了很多置頂和隱藏顯示以及清空文本的交互，這是為了滿足整體的交互體驗而做的，大家可以自行研究。
結(jié)語
每一期的原型都會保留之前的交互，因此只要下載最新一期的原型即可涵蓋之前設(shè)置的交互。
下載鏈接：https://pan.baidu.com/s/10odOHiqq_q5o4B8DmI7G_Q
密碼：mqk3
（溫馨提示：該文件需要使用Axure 9打開）
#專欄作家#
王得宇A(yù)IPM；公眾號：他們已經(jīng)在路上了（ID：PM-Silence），人人都是產(chǎn)品經(jīng)理專欄作家
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
- 目前還沒評論，等你發(fā)揮！
