中繼器是Axure中的一個重難點,掌握中繼器的用法,在Axure原型設計中,會有很大的幫助。
1、先在Axure的畫布中,分別拖入一個文本框控件,內容為‘種類’,下拉列表控件,內容填充為‘電器、水果、蔬菜’,一個按鈕控件‘篩選’,具體如下圖所示:

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

3、在右邊的數據表中,填充原始的數據,具體如下圖所示:

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

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

相關推薦:
新聞熱點
疑難解答
圖片精選