Axure制作中繼器的篩選功能的圖文操作

  • A+
所屬分類(lèi):設(shè)計(jì)教程

Axure這款軟件不少網(wǎng)友都安裝了 ,但有的用戶(hù)還不會(huì)Axure制作中繼器的篩選功能的操作,下文小編就分享Axure制作中繼器的篩選功能的圖文操作教程,希望對(duì)你們有所幫助哦。

Axure制作中繼器的篩選功能的圖文操作

1、先在Axure的畫(huà)布中,分別拖入一個(gè)文本框控件,內(nèi)容為‘種類(lèi)’,下拉列表控件,內(nèi)容填充為‘電器、水果、蔬菜’,一個(gè)按鈕控件‘篩選’,具體

Axure制作中繼器的篩選功能的圖文操作

2、在布局下方拖入一個(gè)中繼器,雙擊進(jìn)入中繼器,不用管那個(gè)默認(rèn)的矩形框,可以直接刪除,自己任意布局,我是拖入了兩個(gè)文本框,分別記為text001,text002具體

Axure制作中繼器的篩選功能的圖文操作

3、在右邊的數(shù)據(jù)表中,填充原始的數(shù)據(jù),具體

Axure制作中繼器的篩選功能的圖文操作

4、在中繼器中,設(shè)置交互事件,令text001=Item.name,text002=Item.price,這樣可以實(shí)現(xiàn)動(dòng)態(tài)的增加或者減少數(shù)據(jù),具體:

Axure制作中繼器的篩選功能的圖文操作

5、設(shè)置篩選按鈕的點(diǎn)擊事件,當(dāng)點(diǎn)擊按鈕時(shí),判斷下拉列表中的數(shù)據(jù)為哪個(gè)?相應(yīng)的顯示下方的數(shù)據(jù),具體演示效果

Axure制作中繼器的篩選功能的圖文操作

歷史上的今天:

推薦應(yīng)用

發(fā)表評(píng)論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: