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

1、新建2個“箭頭”圖標，4個復選框和1個動態面板。

分別命名為：

“箭頭”圖標：open_1

“箭頭”圖標：close_1

動態面板：kuang1

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

其中動態面板尺寸是120*80

復選框尺寸100*16

如下圖所示：

2、其中,“圖標：close_1”是“圖標：open_1”旋轉270度的樣式。

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

1）默認把“圖標：close_1”隱藏，并把“圖標：close_1”和“圖標：open_1”重疊在一起

2）”復選框：單行輸入框_1、單行輸入框_2、單行輸入框_3“放入"動態面板"中

3）復選框相互間隔是8

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

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

5、調整內容及各個控件的命名，如下圖所示：

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

7、“圖標：close_1”的“鼠標單擊時”

1）顯示圖標：open_1

2）隱藏圖標：close_1

3）設置”動態面板：kuang1“尺寸為120*80

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

8、“圖標：open_1”的“鼠標單擊時”

1）顯示圖標：close_1

2）隱藏圖標：open_1

3）設置“動態面板：kuang1”尺寸為120*0

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

9、“復選框：單行輸入框”的“鼠標單擊時”

設置“動態面板：kuang1”為”選中“狀態

10、“復選框：單行輸入框_1、單行輸入框_2、單行輸入框_3”的操作都一樣，當“取消選中時”

設置“復選框：單行輸入框“取消”選中“

11、設置“組合：A02”中的各個控件動作：