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

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

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

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ù)，具體演示效果如下圖所示：

上文就講解了Axure制作中繼器的篩選功能的圖文操作過(guò)程，希望有需要的朋友都來(lái)學(xué)習(xí)哦。