阻尼滑動效果,簡單來說,就是頁面頂部的菜單在頁面開始向上/向下滑動的時候并不跟頁面一起運動(如下圖),直到頁面滑動一定距離后才開始運動。這個效果在很多手機APP或者wap站點中使用。效果很酷,實現卻很簡單,只需用動態面板多層嵌套即可實現。
1、新建一個axure
2、畫一個長方形的動態面板(參數為:0,0,280,450)這里我只模擬效果,所以不考慮實際大小,在實際使用時,你可能要根據模擬的手機來畫這個部分),給每個隨手畫出的動態面板起名字是個好習慣,雙擊state1進入動態面板內部
3、在state1中先畫一個頂部菜單(參數為0,0,280,50),如果你還想順便試一下底部菜單的效果也可以,但其實掌握了頂部菜單,底部就很容易了。
4、在頂部菜單之下畫一個動態面板(參數0,50,280,400)
5、進入該動態面板的state1,畫一堆不同顏色的方塊,注意,最下面的方塊一定要超過動態面板默認區域的高度。 如果你有內容,也可以用內容來代替,不影響。
6、畫好以后關閉這層,到上一層,也就是第4步的層。在動態面板上右鍵,選擇 滾動欄,有必要顯示垂直滑動條
7、關掉這層,到最上面一層,也就是雙擊左邊sitemap的home后打開的頁面,在第2步畫的動態面板上做同樣的滑動條設置操作。
8、預覽一下,有沒有出現我最早描述的效果?為了便于您掌握。
9、如果您根據文字描述做的無法實現我說的效果,請仔細研究原型。其實,這里只用到動態面板的多層嵌套和垂直滑動菜單的顯示設置。
相關推薦:
Axure怎么制作頁面滾動時菜單固定在頂部的頁面?
windows系統下axure 7.0 無法在發布中預覽的解決辦法
axure怎么做滑動效果? axure做手機觸摸屏幕滑動效果的方法
新聞熱點
疑難解答