Axure網(wǎng)頁怎么添加樹狀控件?
我要評論Axure RP 8中想要制作一個樹狀的折疊菜單，該怎么制作呢？我們可以使用Axure自帶的“樹”功能實現(xiàn)，請看下文詳細(xì)介紹。
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)
10、“復(fù)選框：單行輸入框_1、單行輸入框_2、單行輸入框_3”的操作都一樣，當(dāng)“取消選中時”
設(shè)置“復(fù)選框：單行輸入框“取消”選中“
11、設(shè)置“組合：A02”中的各個控件動作：
相關(guān)文章
Axure設(shè)計的登陸頁面怎么生成網(wǎng)頁原型?
Axure設(shè)計的登陸頁面怎么生成網(wǎng)頁原型？Axure中設(shè)計的登陸網(wǎng)頁想要直接生成網(wǎng)頁原型，該怎么生成呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-10
Axure文件怎么生成html分享鏈接？Axure中設(shè)計的模型想要分享給朋友觀看，該怎么生成html鏈接呢？下面我們就來看看2017-12-21
Axure RP怎么制作選項卡控件？網(wǎng)頁需要選項卡控件，但是Axure RP中沒有選項卡控件，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-12-21
Axure rp怎么設(shè)計微信的交互界面？Axure中想要設(shè)計一個網(wǎng)頁交互的效果，該怎么制作呢？下面我們就來看看Axure設(shè)計微信交互界面的教程，需要的朋友可以參考下2017-12-17
axure頁面載入時自動選中按鈕該怎么實現(xiàn)？axure中使用母版的時候想要實現(xiàn)單個頁面按鈕的添加選中狀態(tài)，我們可以使用函數(shù)來實現(xiàn)，下面我們就來看看詳細(xì)的教程，需要的朋友可2017-12-05
Axure母版怎么使用? Axure母版功能詳細(xì)介紹
Axure母版怎么使用？Axure一般都會創(chuàng)建母版，但是母版有什么功能，該怎么使用呢？下面我們就來看看Axure母版功能詳細(xì)介紹，需要的朋友可以參考下2017-11-30
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
Axure文本輸入框怎么去掉邊框？Axure設(shè)計網(wǎng)頁原型的時候，插入了文本輸入框，但是有邊框，想要去掉邊框，該怎么操作呢？下面我們就來看看Axure隱藏輸入框邊框的教程，需要2017-11-17
Axure怎么設(shè)計頁面標(biāo)簽可以切換的登錄框?
Axure怎么設(shè)計頁面標(biāo)簽可以切換的登錄框？Axure中在設(shè)計登陸框的時候，想要設(shè)計企業(yè)會員和個人會員兩個登陸頁面，可以使用標(biāo)簽切換，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的2017-11-08
Axure RP 8怎么設(shè)計立體的圓角矩形按鈕？Axure RP 8中想要設(shè)計一個查詢的圓角矩形按鈕，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-02
axure怎么設(shè)計鼠標(biāo)展開折疊效果？axure中想要繪制一個可以折疊展開功能的原型，該怎么設(shè)計呢？下面我們就來看看axure制作折疊效果的教程，需要的朋友可以參考下2017-11-01
