Axure中制作網頁圓形很方便，今天我們就來看看使用Axure實現上下滑動頁面的教程。

軟件名稱：原型設計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)軟件大?。?0.5MB更新時間：2018-05-24

1、在當前Page 中拖入一個動態面板，將面板命名為“顯示面板”。這個面板對應著可見內容。該例中的可見面板的位置為{97, 77}，大小為{300, 450}。

2、點擊進入顯示面板的 State1。拖動一個動態面板到State1 中，面板命名為“內容面板”。該面板的位置為{0, 0}，因為這里要實現的是上下滑動效果，所以寬度與顯示面板的一樣。高度根據全部顯示信息的內容定。進入內容面板的 State1，選擇“自動調整為內容尺寸”

3、在內容面板的State1 中添加一個中繼器。進入中繼器下的矩形框，因為這里想要在中繼器中添加圖片，所以直接右鍵，選擇轉換為圖片，雙擊轉換后的框框就可以添加圖片了。

4、內容添加好了，接下來就是添加滑動的事件。選擇“拖動時”事件，選擇垂直拖動。

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

以上就是Axure制作上下滑動的頁面原型的圖文教程，希望大家喜歡，請繼續關注錯新站長站。

相關推薦：

Axure動態面板兩種創建方法有什么區別?

Axure RP8.0怎么修改默認文件保存位置?

AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設置方法