axure怎么繪制APP菜單阻尼滑動(dòng)的原型圖?
我要評(píng)論阻尼滑動(dòng)效果，簡單來說，就是頁面頂部的菜單在頁面開始向上/向下滑動(dòng)的時(shí)候并不跟頁面一起運(yùn)動(dòng)（如下圖），直到頁面滑動(dòng)一定距離后才開始運(yùn)動(dòng)。這個(gè)效果在很多手機(jī)APP或者wap站點(diǎn)中使用。效果很酷，實(shí)現(xiàn)卻很簡單，只需用動(dòng)態(tài)面板多層嵌套即可實(shí)現(xiàn)。
1、新建一個(gè)axure
2、畫一個(gè)長方形的動(dòng)態(tài)面板（參數(shù)為：0，0，280，450）這里我只模擬效果，所以不考慮實(shí)際大小，在實(shí)際使用時(shí)，你可能要根據(jù)模擬的手機(jī)來畫這個(gè)部分），給每個(gè)隨手畫出的動(dòng)態(tài)面板起名字是個(gè)好習(xí)慣，雙擊state1進(jìn)入動(dòng)態(tài)面板內(nèi)部
3、在state1中先畫一個(gè)頂部菜單（參數(shù)為0,0,280,50），如果你還想順便試一下底部菜單的效果也可以，但其實(shí)掌握了頂部菜單，底部就很容易了。
4、在頂部菜單之下畫一個(gè)動(dòng)態(tài)面板（參數(shù)0,50,280,400）
5、進(jìn)入該動(dòng)態(tài)面板的state1，畫一堆不同顏色的方塊，注意，最下面的方塊一定要超過動(dòng)態(tài)面板默認(rèn)區(qū)域的高度。 如果你有內(nèi)容，也可以用內(nèi)容來代替，不影響。
6、畫好以后關(guān)閉這層，到上一層，也就是第4步的層。在動(dòng)態(tài)面板上右鍵，選擇 滾動(dòng)欄，有必要顯示垂直滑動(dòng)條
7、關(guān)掉這層，到最上面一層，也就是雙擊左邊sitemap的home后打開的頁面，在第2步畫的動(dòng)態(tài)面板上做同樣的滑動(dòng)條設(shè)置操作。
8、預(yù)覽一下，有沒有出現(xiàn)我最早描述的效果？為了便于您掌握。
9、如果您根據(jù)文字描述做的無法實(shí)現(xiàn)我說的效果，請(qǐng)仔細(xì)研究原型。其實(shí)，這里只用到動(dòng)態(tài)面板的多層嵌套和垂直滑動(dòng)菜單的顯示設(shè)置。
相關(guān)推薦：
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？
windows系統(tǒng)下axure 7.0 無法在發(fā)布中預(yù)覽的解決辦法
axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法
相關(guān)文章
windows系統(tǒng)下axure 7.0 無法在發(fā)布中預(yù)覽的解決辦法
axure 7.0 無法在發(fā)布中預(yù)覽該怎么辦？我們在使用axure7.0繪制原型的時(shí)候，想預(yù)覽一下功能能不能實(shí)現(xiàn)，但是在預(yù)覽的時(shí)候發(fā)現(xiàn)不能預(yù)覽，該怎么辦呢？請(qǐng)看下文詳細(xì)介紹2016-02-29axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法
axure怎么做滑動(dòng)效果？在axure中畫原型圖的時(shí)候，想在原型圖中加上效果，制作手機(jī)滑動(dòng)屏幕的滑動(dòng)效果該怎么做呢？下面分享axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法，需要的朋友2016-02-19Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果？很多網(wǎng)頁中都有一個(gè)圖片輪播的功能，特別是娛樂和美食，有了圖片輪播是最吸引人眼球的，今天我們就教大家使用Axure實(shí)現(xiàn)這2016-01-08- Axure怎么給菜單設(shè)置旋轉(zhuǎn)效果？使用Axure繪制原型圖的時(shí)候，想給菜單做一些特效，這樣更吸引人，該怎么設(shè)置菜單旋轉(zhuǎn)時(shí)變大的效果呢？請(qǐng)看下文詳細(xì)的設(shè)置教程，需要的朋友可2015-12-18
- axure7.0怎么制作折疊和展開的菜單效果？折疊交互顯得網(wǎng)頁整齊，同時(shí)還給人一種動(dòng)態(tài)的感覺，很好看，怎么制作的自由折疊和展開效果呢？下面分享axure7.0繪制的詳細(xì)過程，需2015-12-01
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？本文介紹如何做一個(gè)在滾動(dòng)中將菜單固定在頂部的頁面，屬于中級(jí)Axure案例。本文旨在展示交互效果，不對(duì)頁面具體內(nèi)容和UI進(jìn)行2015-07-10AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程
用AxureRP 7.0怎么實(shí)現(xiàn)天貓登錄？其實(shí)很方便，只要簡單的應(yīng)用動(dòng)態(tài)面板和屬性設(shè)置就可以輕松搞定了，下面我們一起來看看AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程2015-05-28- Axure是設(shè)計(jì)師最常用的的原型設(shè)計(jì)工具之一，Axure RP 7.0版本相較6.5版本也有了比較大的改變。這里就介紹一下Axure RP 7.0的快捷鍵，需要的朋友可以看看2014-06-25