Axure RP 8怎么設(shè)置樹狀菜單?

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

Axure RP 8中可以制作不同類型的菜單,想要制作樹狀菜單,該怎么制作呢?下面我們就來看看詳細(xì)的教程。文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

Axure RP 8怎么設(shè)置樹狀菜單?-1文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

1、打開Axure RP 8軟件,在元件庫中找到“樹狀菜單”,拖一個(gè)到編輯窗口,如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

Axure RP 8怎么設(shè)置樹狀菜單?-2文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

2、根據(jù)花的種類來給樹菜單賦值,花為根節(jié)點(diǎn),花的明細(xì)為子節(jié)點(diǎn),如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

Axure RP 8怎么設(shè)置樹狀菜單?-3文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

3、添加樹形菜單根節(jié)點(diǎn)鼠標(biāo)點(diǎn)擊事件的用例,設(shè)置為展開,如下圖所示:文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

Axure RP 8怎么設(shè)置樹狀菜單?-4文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/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.wasochina.com/36918.html

Axure RP 8怎么設(shè)置樹狀菜單?-5文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/36918.html

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

Axure RP 8怎么設(shè)置樹狀菜單?-6

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

Axure RP 8怎么設(shè)置樹狀菜單?-7

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

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號(hào)
 

發(fā)表評(píng)論

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

拖動(dòng)滑塊以完成驗(yàn)證