Axure RP 8中想要制作一個(gè)樹(shù)狀的折疊菜單，該怎么制作呢？我們可以使用Axure自帶的“樹(shù)”功能實(shí)現(xiàn)，請(qǐng)看下文詳細(xì)介紹。

軟件名稱(chēng)：Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊(cè)機(jī)+漢化包+安裝教程)軟件大?。?3.2MB更新時(shí)間：2019-04-26

1、新建2個(gè)“箭頭”圖標(biāo)，4個(gè)復(fù)選框和1個(gè)動(dòng)態(tài)面板。

分別命名為：

“箭頭”圖標(biāo)：open_1

“箭頭”圖標(biāo)：close_1

動(dòng)態(tài)面板：kuang1

4個(gè)復(fù)選框分別命名為：?jiǎn)涡休斎肟?、單行輸入框_1、單行輸入框_2、單行輸入框_3

其中動(dòng)態(tài)面板尺寸是120*80

復(fù)選框尺寸100*16

如下圖所示：

2、其中,“圖標(biāo)：close_1”是“圖標(biāo)：open_1”旋轉(zhuǎn)270度的樣式。

3、按下圖排列各個(gè)控件：

1）默認(rèn)把“圖標(biāo)：close_1”隱藏，并把“圖標(biāo)：close_1”和“圖標(biāo)：open_1”重疊在一起

2）”復(fù)選框：?jiǎn)涡休斎肟騙1、單行輸入框_2、單行輸入框_3“放入"動(dòng)態(tài)面板"中

3）復(fù)選框相互間隔是8

4）組合這些控件下，并命名為A01

4、復(fù)制A01組，排版如下圖所示，其他兩組分別命名為A02和A03

5、調(diào)整內(nèi)容及各個(gè)控件的命名，如下圖所示：

6、設(shè)置”組合：A01“中的各個(gè)控件動(dòng)作：

7、“圖標(biāo)：close_1”的“鼠標(biāo)單擊時(shí)”

1）顯示圖標(biāo)：open_1

2）隱藏圖標(biāo)：close_1

3）設(shè)置”動(dòng)態(tài)面板：kuang1“尺寸為120*80

4）分別移動(dòng)”組合：A02“和“組合：A03”的相對(duì)位置（0，72）

8、“圖標(biāo)：open_1”的“鼠標(biāo)單擊時(shí)”

1）顯示圖標(biāo)：close_1

2）隱藏圖標(biāo)：open_1

3）設(shè)置“動(dòng)態(tài)面板：kuang1”尺寸為120*0

4）分別移動(dòng)“組合：A02”和“組合：A03”的相對(duì)位置（0，-72）

9、“復(fù)選框：?jiǎn)涡休斎肟?rdquo;的“鼠標(biāo)單擊時(shí)”

設(shè)置“動(dòng)態(tài)面板：kuang1”為”選中“狀態(tài)