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

軟件名稱：Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊機(jī)+漢化包+安裝教程)軟件大小：83.2MB更新時間：2019-04-26

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

分別命名為：

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

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

動態(tài)面板：kuang1

4個復(fù)選框分別命名為：單行輸入框、單行輸入框_1、單行輸入框_2、單行輸入框_3

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

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

如下圖所示：

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

3、按下圖排列各個控件：

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

2）”復(fù)選框：單行輸入框_1、單行輸入框_2、單行輸入框_3“放入"動態(tài)面板"中

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

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

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

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

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

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

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

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

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

4）分別移動”組合：A02“和“組合：A03”的相對位置（0，72）

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

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

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

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

4）分別移動“組合：A02”和“組合：A03”的相對位置（0，-72）

9、“復(fù)選框：單行輸入框”的“鼠標(biāo)單擊時”

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