中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

文章講解了如何用Axure實現(xiàn)動態(tài)模糊搜索的兩種樣式，與大家分享。

本人產(chǎn)品新人一枚，在學(xué)習(xí)axure中發(fā)現(xiàn)中繼器的使用之動態(tài)模糊搜索的文章都比較散，想著寫一篇自己稍微整合的文章，希望對大家能有點用。本次文章分享以下兩種動態(tài)模糊搜索的樣式：

1. 輸入關(guān)鍵詞，點擊搜索，查詢出對應(yīng)的信息列表；
2. 輸入關(guān)鍵詞，自動查詢對應(yīng)的信息列表。

以下為正文：

01 輸入關(guān)鍵詞，點擊搜索，查詢對應(yīng)信息列表

1.1 中繼器內(nèi)容設(shè)置

（1）先拉入一個中繼器，雙擊中繼器，并且復(fù)制三個矩形出來（復(fù)制數(shù)量根據(jù)具體數(shù)據(jù)列）

（2）增加矩形后，回到中繼器的頁面，會發(fā)現(xiàn)已經(jīng)變成了三列。這時點擊中繼器，在右邊屬性下，增加對應(yīng)的列表信息。但此時中繼器還不會顯示增加的信息，需要在交互下設(shè)置對應(yīng)的變量名后，才會顯示。

給對應(yīng)的列設(shè)置對應(yīng)的變量（先勾選需要設(shè)置變量的中繼器，然后點擊fx，插入變量即可）

（3）此時回到中繼器的頁面，發(fā)現(xiàn)中繼器里面的內(nèi)容已經(jīng)填充進(jìn)去并顯示出來了。

1.2 輸入框和搜索框設(shè)置

（1）先拉入一個輸入框和搜索框，并且相應(yīng)命名為search（輸入框）和select（搜索框），方便后續(xù)使用，具體命名可自由設(shè)置。

（2）點擊搜索框，在屬性下找到交互下的“鼠標(biāo)單擊時”，雙擊該選項后，跳出用例編輯頁面，找到中繼器，選擇“添加篩選”，然后勾選配置動作下的中繼器，下一步勾選“移除其他篩選”（不打鉤），最后點擊fx，進(jìn)入到設(shè)置頁面。

（3）點擊fx進(jìn)入編輯值頁面，先進(jìn)性局部變量的設(shè)置，按照以下步驟設(shè)置（給輸入框命名的用處就在這，方便查找），此步驟的意思是把輸入框里面輸入的內(nèi)容設(shè)置為變量，通過這個變量去與列表里面的內(nèi)容進(jìn)行比對。

（4）設(shè)置完局部變量后，開始設(shè)置函數(shù)，即判斷變量在列表中是否重合。此處用的函數(shù)是indexof（變量），具體寫法參照下方講解。到這一步基本設(shè)置已經(jīng)完成了，接下來來看一下具體的使用效果。

1.3 使用效果（大家可以自己操作下，還是很簡單的）

1.4 講解

函數(shù)為：[[(Item.xuhao.indexof(word)+Item.name.indexof(word)+Item.home.indexof(word))>-3]]

變量需要與列表的表頭一一對應(yīng)上，其中(Item.xuhao.indexof(word)、Item.name.indexof(word)、Item.home.indexof(word)代表的是用輸入框中獲取的值與列表中的內(nèi)容進(jìn)行對比，對應(yīng)的比較返回值大于-1即返回對應(yīng)的結(jié)果，因為我們有3列，所以返回-3就可以了。

02 輸入關(guān)鍵詞，自動查詢對應(yīng)的信息列表

2.1 說明

這兩步的差別是一個輸入后，還需要點擊搜索才會出現(xiàn)結(jié)果，另一個是輸入關(guān)鍵詞后，自動出現(xiàn)比對的結(jié)果。

這個效果的設(shè)置方式跟前者是一樣的，只是設(shè)置的對象由搜索框換成了輸入框，并且交互效果換成“文本改變時”。

2.2 輸入框設(shè)置

（1）點擊輸入框，在屬性下找到交互下的“文本改變時”，雙擊該選項后，跳出用例編輯頁面，找到中繼器，選擇“添加篩選”，然后勾選配置動作下的中繼器，下一步勾選“移除其他篩選”（不打鉤），最后點擊fx，進(jìn)入到設(shè)置頁面。

（2）剩余步驟跟前者是一樣的，大家可以自己試著操作一下，這里就不多贅述了，直接看效果吧。

2.3 使用效果（沒有用動圖，但是效果是可以實現(xiàn)的，可以自己操作下）

03 寫在結(jié)尾

大家在使用這個效果的時候，需要注意函數(shù)不能寫錯，函數(shù)錯了，多個字母或者少個符號都會出現(xiàn)問題。

具體步驟還是比較簡單的，大家多操作兩邊就熟悉了。

初次分享，還請大家多多指教。

本文由 @little小白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。