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

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

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