Axure這款軟件不少網(wǎng)友都安裝了 ,但有的用戶還不會Axure制作中繼器的篩選功能的操作,下文小編就分享Axure制作中繼器的篩選功能的圖文操作教程,希望對你們有所幫助哦。
Axure制作中繼器的篩選功能的圖文操作文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
1、先在Axure的畫布中,分別拖入一個文本框控件,內(nèi)容為‘種類’,下拉列表控件,內(nèi)容填充為‘電器、水果、蔬菜’,一個按鈕控件‘篩選’,具體文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
2、在布局下方拖入一個中繼器,雙擊進(jìn)入中繼器,不用管那個默認(rèn)的矩形框,可以直接刪除,自己任意布局,我是拖入了兩個文本框,分別記為text001,text002具體文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
3、在右邊的數(shù)據(jù)表中,填充原始的數(shù)據(jù),具體文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
4、在中繼器中,設(shè)置交互事件,令text001=Item.name,text002=Item.price,這樣可以實(shí)現(xiàn)動態(tài)的增加或者減少數(shù)據(jù),具體:文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html
5、設(shè)置篩選按鈕的點(diǎn)擊事件,當(dāng)點(diǎn)擊按鈕時,判斷下拉列表中的數(shù)據(jù)為哪個?相應(yīng)的顯示下方的數(shù)據(jù),具體演示效果文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/28504.html




評論