Axure RP 8怎么設(shè)置樹狀菜單?Axure中制作菜單的時(shí)候,想要制作一個(gè)樹狀菜單,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
Axure RP 8中可以制作不同類型的菜單,想要制作樹狀菜單,該怎么制作呢?下面我們就來看看詳細(xì)的教程。文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
1、打開Axure RP 8軟件,在元件庫中找到“樹狀菜單”,拖一個(gè)到編輯窗口,如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
2、根據(jù)花的種類來給樹菜單賦值,花為根節(jié)點(diǎn),花的明細(xì)為子節(jié)點(diǎn),如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
3、添加樹形菜單根節(jié)點(diǎn)鼠標(biāo)點(diǎn)擊事件的用例,設(shè)置為展開,如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
4、再給根節(jié)點(diǎn)下的子節(jié)點(diǎn)設(shè)置鼠標(biāo)單擊事件用例,設(shè)置子節(jié)點(diǎn)點(diǎn)擊時(shí)文本顯示內(nèi)容,如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/36918.html
5、根節(jié)點(diǎn)和子節(jié)點(diǎn)設(shè)置完畢,樹節(jié)點(diǎn)上出現(xiàn)不同的序號(hào),代表不同用例,如下圖所示:

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

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



評(píng)論