Axure RP 8怎么設置樹狀菜單?

Axure RP 8怎么設置樹狀菜單?Axure中制作菜單的時候,想要制作一個樹狀菜單,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下

Axure RP 8中可以制作不同類型的菜單,想要制作樹狀菜單,該怎么制作呢?下面我們就來看看詳細的教程。文章源自四五設計網-http://www.133122.cn/36918.html

Axure RP 8怎么設置樹狀菜單?-1文章源自四五設計網-http://www.133122.cn/36918.html

1、打開Axure RP 8軟件,在元件庫中找到“樹狀菜單”,拖一個到編輯窗口,如下圖所示:文章源自四五設計網-http://www.133122.cn/36918.html

Axure RP 8怎么設置樹狀菜單?-2文章源自四五設計網-http://www.133122.cn/36918.html

2、根據(jù)花的種類來給樹菜單賦值,花為根節(jié)點,花的明細為子節(jié)點,如下圖所示:文章源自四五設計網-http://www.133122.cn/36918.html

Axure RP 8怎么設置樹狀菜單?-3文章源自四五設計網-http://www.133122.cn/36918.html

3、添加樹形菜單根節(jié)點鼠標點擊事件的用例,設置為展開,如下圖所示:文章源自四五設計網-http://www.133122.cn/36918.html

Axure RP 8怎么設置樹狀菜單?-4文章源自四五設計網-http://www.133122.cn/36918.html

4、再給根節(jié)點下的子節(jié)點設置鼠標單擊事件用例,設置子節(jié)點點擊時文本顯示內容,如下圖所示:文章源自四五設計網-http://www.133122.cn/36918.html

Axure RP 8怎么設置樹狀菜單?-5文章源自四五設計網-http://www.133122.cn/36918.html

5、根節(jié)點和子節(jié)點設置完畢,樹節(jié)點上出現(xiàn)不同的序號,代表不同用例,如下圖所示:

Axure RP 8怎么設置樹狀菜單?-6

6、預覽上述原型頁面,點擊樹根節(jié)點,可以控制其折疊或展開,如下圖所示:

Axure RP 8怎么設置樹狀菜單?-7

以上就是Axure中樹狀菜單的制作方法,希望大家喜歡。

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發(fā)表于 2023年12月1日09:44:35
  • 轉載請務必保留本文鏈接:http://www.133122.cn/36918.html

發(fā)表評論

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

拖動滑塊以完成驗證