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