起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線(xiàn)下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí)【Axure 教程】中繼器中級(jí)教程-下拉搜索
編輯導(dǎo)語(yǔ)：下拉搜索是我們常見(jiàn)的一種功能。在工作中，我們可能會(huì)需要利用Axure來(lái)實(shí)現(xiàn)下拉搜索設(shè)計(jì)。本篇文章里，作者就對(duì)如何使用Axure來(lái)制作下拉（模糊）搜索框進(jìn)行了詳細(xì)介紹，一起來(lái)看一下吧。
原型展示：https://q5bvf7.axshare.com
所需原件：
- 中繼器；
- 文本框。
今天的課程，我們主要進(jìn)一步了解如果使用函數(shù)式，實(shí)現(xiàn)下拉（模糊）搜索框的制作。
一、搜索框
如上圖所示，拖入文本框，作為搜索輸入框，文本標(biāo)簽作為搜索框標(biāo)題，搜索圖標(biāo)作為搜索的指示，按上圖布局即可得到搜索框的初始模型。
二、下拉列表
如上圖，拖入中繼器，并做好數(shù)據(jù)填充和【每項(xiàng)加載】的設(shè)置，將數(shù)據(jù)中的【SF】賦值給【省份】的文本標(biāo)簽。
三、交互設(shè)置
選中文本框，并添加【文本改變時(shí)】的交互，新建【添加篩選】的動(dòng)作，設(shè)置規(guī)則為：[[(Item.SF.indexof(Text))>-1]]
雙擊中繼器，選中文本標(biāo)簽，并添加【點(diǎn)擊時(shí)】將【Item.SF】賦值給到搜索文本框，同時(shí)設(shè)置為選中狀態(tài)。
四、細(xì)節(jié)優(yōu)化
將中繼器默認(rèn)為隱藏狀態(tài)，并在點(diǎn)擊文本框時(shí)，顯示中繼器。
點(diǎn)擊中繼器的文本標(biāo)簽后，隱藏中繼器。
本文由@Sam 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash, 基于CC0協(xié)議。
您好，為啥做出來(lái)的沒(méi)有實(shí)現(xiàn)篩選呢，期待回復(fù)
大佬能分享下文件么，做了半天也沒(méi)做對(duì)QAQ
哭了，為啥我選中選項(xiàng)之后輸入框顯示空呢？哪位大神可以賜教啊QAQ