Axure怎么制作上下滑動的頁面原型？Axure中想要設(shè)計一個上下滾動的頁面，該怎么制作這個頁面呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

1、在當(dāng)前Page 中拖入一個動態(tài)面板，將面板命名為“顯示面板”。這個面板對應(yīng)著可見內(nèi)容。該例中的可見面板的位置為{97, 77}，大小為{300, 450}。文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

2、點擊進(jìn)入顯示面板的 State1。拖動一個動態(tài)面板到State1 中，面板命名為“內(nèi)容面板”。該面板的位置為{0, 0}，因為這里要實現(xiàn)的是上下滑動效果，所以寬度與顯示面板的一樣。高度根據(jù)全部顯示信息的內(nèi)容定。進(jìn)入內(nèi)容面板的 State1，選擇“自動調(diào)整為內(nèi)容尺寸”文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

3、在內(nèi)容面板的State1 中添加一個中繼器。進(jìn)入中繼器下的矩形框，因為這里想要在中繼器中添加圖片，所以直接右鍵，選擇轉(zhuǎn)換為圖片，雙擊轉(zhuǎn)換后的框框就可以添加圖片了。文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

4、內(nèi)容添加好了，接下來就是添加滑動的事件。選擇“拖動時”事件，選擇垂直拖動。文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/37769.html

5、還需要添加約束條件，第二個約束值的計算：-（總的內(nèi)容高度 - 可見內(nèi)容高度）

以上就是Axure制作上下滑動的頁面原型的圖文教程，希望大家喜歡。