axure怎么繪制APP菜單阻尼滑動的原型圖?

發(fā)布時間：2016-03-18 11:21:13 作者：佚名

axure怎么繪制APP菜單阻尼滑動的原型圖？想要制作手機app，可以再axure中先將自己的構(gòu)思畫出來，今天我們就來看看axure中繪制APP菜單阻尼滑動的原型圖的方法，需要的朋友可以參考下

阻尼滑動效果，簡單來說，就是頁面頂部的菜單在頁面開始向上/向下滑動的時候并不跟頁面一起運動（如下圖），直到頁面滑動一定距離后才開始運動。這個效果在很多手機APP或者wap站點中使用。效果很酷，實現(xiàn)卻很簡單，只需用動態(tài)面板多層嵌套即可實現(xiàn)。

1、新建一個axure

2、畫一個長方形的動態(tài)面板（參數(shù)為：0，0，280，450）這里我只模擬效果，所以不考慮實際大小，在實際使用時，你可能要根據(jù)模擬的手機來畫這個部分），給每個隨手畫出的動態(tài)面板起名字是個好習慣，雙擊state1進入動態(tài)面板內(nèi)部

3、在state1中先畫一個頂部菜單（參數(shù)為0,0,280,50），如果你還想順便試一下底部菜單的效果也可以，但其實掌握了頂部菜單，底部就很容易了。

4、在頂部菜單之下畫一個動態(tài)面板（參數(shù)0,50,280,400）

5、進入該動態(tài)面板的state1，畫一堆不同顏色的方塊，注意，最下面的方塊一定要超過動態(tài)面板默認區(qū)域的高度。 如果你有內(nèi)容，也可以用內(nèi)容來代替，不影響。

6、畫好以后關(guān)閉這層，到上一層，也就是第4步的層。在動態(tài)面板上右鍵，選擇滾動欄，有必要顯示垂直滑動條

7、關(guān)掉這層，到最上面一層，也就是雙擊左邊sitemap的home后打開的頁面，在第2步畫的動態(tài)面板上做同樣的滑動條設(shè)置操作。

8、預(yù)覽一下，有沒有出現(xiàn)我最早描述的效果？為了便于您掌握。

9、如果您根據(jù)文字描述做的無法實現(xiàn)我說的效果，請仔細研究原型。其實，這里只用到動態(tài)面板的多層嵌套和垂直滑動菜單的顯示設(shè)置。

相關(guān)推薦：

Axure怎么制作頁面滾動時菜單固定在頂部的頁面？

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片