Axure怎么制作中繼器的篩選功能?
我要評(píng)論中繼器是Axure中的一個(gè)重難點(diǎn)，掌握中繼器的用法，在Axure原型設(shè)計(jì)中，會(huì)有很大的幫助。
快速產(chǎn)品原型設(shè)計(jì)工具 Axure RP Pro v7.0.0.3174 漢化綠色版
- 類(lèi)型：應(yīng)用其它
- 大?。?/span>8.97MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2014-12-22
1、先在Axure的畫(huà)布中，分別拖入一個(gè)文本框控件，內(nèi)容為‘種類(lèi)’，下拉列表控件，內(nèi)容填充為‘電器、水果、蔬菜’，一個(gè)按鈕控件‘篩選’，具體如下圖所示：
2、在布局下方拖入一個(gè)中繼器，雙擊進(jìn)入中繼器，不用管那個(gè)默認(rèn)的矩形框，可以直接刪除，自己任意布局，我是拖入了兩個(gè)文本框，分別記為text001,text002具體如下圖所示：
3、在右邊的數(shù)據(jù)表中，填充原始的數(shù)據(jù)，具體如下圖所示：
4、在中繼器中，設(shè)置交互事件，令text001=Item.name,text002=Item.price,這樣可以實(shí)現(xiàn)動(dòng)態(tài)的增加或者減少數(shù)據(jù)，具體如下圖：
5、設(shè)置篩選按鈕的點(diǎn)擊事件，當(dāng)點(diǎn)擊按鈕時(shí)，判斷下拉列表中的數(shù)據(jù)為哪個(gè)？相應(yīng)的顯示下方的數(shù)據(jù)，具體演示效果如下圖所示：
相關(guān)推薦：
Axure設(shè)計(jì)的網(wǎng)頁(yè)怎么生成html文件?
Axure 8.0中怎么制作手機(jī)上下滑動(dòng)效果?
相關(guān)文章
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性？Axure RP 8中自帶了橢圓形元件，這個(gè)元件怎么設(shè)置陰影、邊框、填充色呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考2017-01-04
Axure RP 8怎么設(shè)計(jì)內(nèi)聯(lián)框架原型?
Axure RP 8怎么設(shè)計(jì)內(nèi)聯(lián)框架原型？Axure設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候，想要做一個(gè)內(nèi)部嵌套框架或頁(yè)面，將視頻、頁(yè)面、地圖放入框架中，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，2017-01-04
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片？Axure中想要旋轉(zhuǎn)圖片元件，將直角圖形變成圓角，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-01-04
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)？Axure RP 8中想要制作一個(gè)按鈕觸發(fā)事件，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-01-01
Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型?
Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型？平時(shí)我們填寫(xiě)手機(jī)驗(yàn)證碼的時(shí)候，驗(yàn)證碼都是有時(shí)效的，該怎么設(shè)置一分鐘的倒計(jì)時(shí)時(shí)效呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以2016-12-30
Axure RP 8怎么設(shè)置文字提交工功能原型？Axure中經(jīng)常制作一些網(wǎng)頁(yè)原型，想要設(shè)置一個(gè)可以提交文本的功能，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考2016-12-30
Axure RP 8怎么設(shè)計(jì)可以完成數(shù)學(xué)加法計(jì)算?
Axure RP 8怎么設(shè)計(jì)可以完成數(shù)學(xué)加法計(jì)算？Axure設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要在輸入框中輸入數(shù)據(jù)，完成加法計(jì)算，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考2016-12-30
Axure RP 8怎么利用變量控制標(biāo)題變化？Axure中想要制作一個(gè)通過(guò)按鈕改變二級(jí)標(biāo)題，該怎么設(shè)置呢？下面我們就來(lái)看看Axure結(jié)合變量和元件控制標(biāo)題變化的教程，需要的朋友可以2016-12-29
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁(yè)原型?
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁(yè)原型？想要給網(wǎng)頁(yè)添加一個(gè)圖片點(diǎn)贊的功能，該怎么添加呢？下面我們就來(lái)看看使用Axure來(lái)完成的教程，需要的朋友可以參考下2016-12-29
Axure RP 8怎么設(shè)置一個(gè)矩形全局變量?
Axure RP 8怎么設(shè)置一個(gè)矩形全局變量？Axure繪制頁(yè)面原型的時(shí)候，想要添加一個(gè)矩形的全局變量，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的設(shè)置方法，需要的朋友可以參考下2016-12-29
