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

  • A+
所屬分類:設計教程

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

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

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

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

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

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

3、在右邊的數據表中,填充原始的數據,具體

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

4、在中繼器中,設置交互事件,令text001=Item.name,text002=Item.price,這樣可以實現動態的增加或者減少數據,具體:

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

5、設置篩選按鈕的點擊事件,當點擊按鈕時,判斷下拉列表中的數據為哪個?相應的顯示下方的數據,具體演示效果

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

歷史上的今天:

推薦應用

發表評論

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