Axure怎么制作中繼器的篩選功能?

中繼器是Axure中的一個(gè)重難點(diǎn),掌握中繼器的用法,在Axure原型設(shè)計(jì)中,會(huì)有很大的幫助。

快速產(chǎn)品原型設(shè)計(jì)工具 Axure RP Pro v7.0.0.3174 漢化綠色版
- 類型:應(yīng)用其它
- 大?。?/span>8.97MB
- 語言:簡體中文
- 時(shí)間:2014-12-22
1、先在Axure的畫布中,分別拖入一個(gè)文本框控件,內(nè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)頁怎么生成html文件?
Axure 8.0中怎么制作手機(jī)上下滑動(dòng)效果?
相關(guān)文章
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?Axure RP 8中自帶了橢圓形元件,這個(gè)元件怎么設(shè)置陰影、邊框、填充色呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2017-01-04Axure RP 8怎么設(shè)計(jì)內(nèi)聯(lián)框架原型?
Axure RP 8怎么設(shè)計(jì)內(nèi)聯(lián)框架原型?Axure設(shè)計(jì)網(wǎng)頁原型的時(shí)候,想要做一個(gè)內(nèi)部嵌套框架或頁面,將視頻、頁面、地圖放入框架中,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,2017-01-04Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?Axure中想要旋轉(zhuǎn)圖片元件,將直角圖形變成圓角,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-01-04Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?Axure RP 8中想要制作一個(gè)按鈕觸發(fā)事件,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-01-01Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型?
Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型?平時(shí)我們填寫手機(jī)驗(yàn)證碼的時(shí)候,驗(yàn)證碼都是有時(shí)效的,該怎么設(shè)置一分鐘的倒計(jì)時(shí)時(shí)效呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以2016-12-30- Axure RP 8怎么設(shè)置文字提交工功能原型?Axure中經(jīng)常制作一些網(wǎng)頁原型,想要設(shè)置一個(gè)可以提交文本的功能,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(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)頁的時(shí)候,想要在輸入框中輸入數(shù)據(jù),完成加法計(jì)算,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2016-12-30- Axure RP 8怎么利用變量控制標(biāo)題變化?Axure中想要制作一個(gè)通過按鈕改變二級標(biāo)題,該怎么設(shè)置呢?下面我們就來看看Axure結(jié)合變量和元件控制標(biāo)題變化的教程,需要的朋友可以2016-12-29
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁原型?想要給網(wǎng)頁添加一個(gè)圖片點(diǎn)贊的功能,該怎么添加呢?下面我們就來看看使用Axure來完成的教程,需要的朋友可以參考下2016-12-29Axure RP 8怎么設(shè)置一個(gè)矩形全局變量?
Axure RP 8怎么設(shè)置一個(gè)矩形全局變量?Axure繪制頁面原型的時(shí)候,想要添加一個(gè)矩形的全局變量,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的設(shè)置方法,需要的朋友可以參考下2016-12-29