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

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

Axure制作中繼器的篩選功能的圖文操作文章源自四五設計網-http://www.wasochina.com/28504.html

1、先在Axure的畫布中,分別拖入一個文本框控件,內容為‘種類’,下拉列表控件,內容填充為‘電器、水果、蔬菜’,一個按鈕控件‘篩選’,具體文章源自四五設計網-http://www.wasochina.com/28504.html

Axure制作中繼器的篩選功能的圖文操作-1文章源自四五設計網-http://www.wasochina.com/28504.html

2、在布局下方拖入一個中繼器,雙擊進入中繼器,不用管那個默認的矩形框,可以直接刪除,自己任意布局,我是拖入了兩個文本框,分別記為text001,text002具體文章源自四五設計網-http://www.wasochina.com/28504.html

Axure制作中繼器的篩選功能的圖文操作-2文章源自四五設計網-http://www.wasochina.com/28504.html

3、在右邊的數據表中,填充原始的數據,具體文章源自四五設計網-http://www.wasochina.com/28504.html

Axure制作中繼器的篩選功能的圖文操作-3文章源自四五設計網-http://www.wasochina.com/28504.html

4、在中繼器中,設置交互事件,令text001=Item.name,text002=Item.price,這樣可以實現動態的增加或者減少數據,具體:文章源自四五設計網-http://www.wasochina.com/28504.html

Axure制作中繼器的篩選功能的圖文操作-4文章源自四五設計網-http://www.wasochina.com/28504.html

5、設置篩選按鈕的點擊事件,當點擊按鈕時,判斷下拉列表中的數據為哪個?相應的顯示下方的數據,具體演示效果文章源自四五設計網-http://www.wasochina.com/28504.html

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

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2023年7月18日09:59:54
  • 轉載請務必保留本文鏈接:http://www.wasochina.com/28504.html

發表評論

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

拖動滑塊以完成驗證