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


評論