- A+
Axure怎么制作上下滑動的頁面原型?Axure中想要設計一個上下滾動的頁面,該怎么制作這個頁面呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
1、在當前Page 中拖入一個動態面板,將面板命名為“顯示面板”。這個面板對應著可見內容。該例中的可見面板的位置為{97, 77},大小為{300, 450}。
2、點擊進入顯示面板的 State1。拖動一個動態面板到State1 中,面板命名為“內容面板”。該面板的位置為{0, 0},因為這里要實現的是上下滑動效果,所以寬度與顯示面板的一樣。高度根據全部顯示信息的內容定。進入內容面板的 State1,選擇“自動調整為內容尺寸”
3、在內容面板的State1 中添加一個中繼器。進入中繼器下的矩形框,因為這里想要在中繼器中添加圖片,所以直接右鍵,選擇轉換為圖片,雙擊轉換后的框框就可以添加圖片了。
4、內容添加好了,接下來就是添加滑動的事件。選擇“拖動時”事件,選擇垂直拖動。
5、還需要添加約束條件,第二個約束值的計算:-(總的內容高度 - 可見內容高度)
以上就是Axure制作上下滑動的頁面原型的圖文教程,希望大家喜歡。
歷史上的今天:
- 2022: CAD圖庫工裝室外園林古建模塊CAD圖紙下載
- 2022: 三種不同風格別墅CAD施工效果圖
- 2022: 辦公桌、會議桌、沙發、電器CAD工裝素材圖庫
- 2022: GB 50496-2018《大體積混凝土施工標準》清晰電子版下載
- 2022: SketchUp草圖大師如何給直線等分