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”為”選中“狀態
新聞熱點
疑難解答