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