Axure怎么制作折疊面板效果的原型?
我要評(píng)論Axure制作網(wǎng)頁(yè)原型的時(shí)候，想要制作一個(gè)折疊面板效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大小：90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、打開(kāi)Axure工具，首先從元件庫(kù)中拖入本次需要的元件，如下圖所示。
2、然后調(diào)整元件的大小樣式，形成一個(gè)新的效果，如下圖所示。
3、同樣的方式，我們制作出三個(gè)折疊面板的效果，如下圖所示。
4、在制作中將折疊內(nèi)容做為動(dòng)態(tài)面板顯示，并且給各個(gè)動(dòng)態(tài)面板命名，如下圖所示。
5、下面開(kāi)始給面板一做交互事件，如下圖所示。
6、同樣的方式，再給面板二和面板三做交互事件，如下圖所示。
7、事件設(shè)置完成后，F5預(yù)覽看一下效果，如下圖所示。
以上就是Axure制作折疊面板效果的原型的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure 8怎么設(shè)計(jì)三級(jí)折疊菜單?
axure怎么設(shè)計(jì)鼠標(biāo)展開(kāi)折疊效果?
相關(guān)文章
Axure頁(yè)面原型怎么添加水平線？Axure中設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候，想要添加水平線，該怎么添加這個(gè)元件呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-05-06
正常情況下，利用Axure RP制作的原型圖文件無(wú)法使用其他軟件打開(kāi)，為了方便，你可以將原型圖轉(zhuǎn)換成圖片格式。下文介紹了將Axure原型圖導(dǎo)出為圖片格式的方法，請(qǐng)參考2019-04-11
Axure怎么設(shè)計(jì)APP開(kāi)關(guān)按鈕狀態(tài)切換的原型?
Axure怎么設(shè)計(jì)APP開(kāi)關(guān)狀態(tài)切換的原型？使用手機(jī)的時(shí)候，我們開(kāi)啟或關(guān)閉app的功能的時(shí)候，會(huì)出現(xiàn)一個(gè)滑動(dòng)按鈕，該怎么制作這個(gè)原型呢？下面我們就來(lái)看看詳細(xì)的教程，需要的2019-03-21
axure網(wǎng)頁(yè)原型怎么查看瀏覽器中預(yù)覽效果?
axure網(wǎng)頁(yè)原型怎查看瀏覽器中預(yù)覽效果？axure中設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單，想要查看預(yù)覽效果，該怎么操作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-02-19
Axure怎么制作頂部吸附交互效果的網(wǎng)頁(yè)原型?
Axure怎么制作頂部吸附交互效果的網(wǎng)頁(yè)原型？我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候，會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)有很多效果，想要制作一個(gè)頂部吸附交互效果，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需2018-12-18
Axure怎么制作數(shù)字選擇器原型？想要制作一個(gè)數(shù)字加一建議的計(jì)算器，該怎么制作這個(gè)效果呢？小魔王們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-18
axure網(wǎng)頁(yè)原型怎么進(jìn)行樣式元件編輯?
axure網(wǎng)頁(yè)原型怎么進(jìn)行樣式元件編輯？axure網(wǎng)頁(yè)想要制作一級(jí)標(biāo)題、二級(jí)標(biāo)題等。，該怎么進(jìn)行樣式元件編輯呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-17
Axure怎么設(shè)計(jì)絕對(duì)位置的滑屏插件原型?
Axure怎么設(shè)計(jì)絕對(duì)位置的滑屏插件原型？Axure中想要直走一些網(wǎng)頁(yè)原型，該怎么制作絕對(duì)位置的滑屏插件呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-04
Axure怎么制作滑動(dòng)引導(dǎo)頁(yè)效果的原型?
Axure怎么制作滑動(dòng)引導(dǎo)頁(yè)效果的原型？Axure中設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單，想要制作一個(gè)華東的引導(dǎo)頁(yè)，該怎么制作這個(gè)動(dòng)搖交互效果呢？需要的朋友可以參考下2018-12-03
Axure8原型怎么導(dǎo)出為index圖片？Axure8中制作的網(wǎng)頁(yè)模型想要導(dǎo)出為index圖片，方便沒(méi)有axure的朋友查看，該怎么操作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考2018-09-10
