国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 應用 > 軟件技巧 > 正文

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

2024-07-16 16:58:09
字體:
來源:轉載
供稿:網友

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

axure,app原型圖

axure,app原型圖

axure,app原型圖

axure,app原型圖

1、新建一個axure

axure,app原型圖

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

axure,app原型圖

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

axure,app原型圖

4、在頂部菜單之下畫一個動態面板(參數0,50,280,400)

axure,app原型圖

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

axure,app原型圖

axure,app原型圖

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

axure,app原型圖

7、關掉這層,到最上面一層,也就是雙擊左邊sitemap的home后打開的頁面,在第2步畫的動態面板上做同樣的滑動條設置操作。

axure,app原型圖

8、預覽一下,有沒有出現我最早描述的效果?為了便于您掌握。

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 区。| 韶山市| 鸡泽县| 长垣县| 八宿县| 奇台县| 定西市| 息烽县| 瑞安市| 墨江| 平潭县| 青海省| 信丰县| 永昌县| 临武县| 城步| 邳州市| 鄂尔多斯市| 公主岭市| 名山县| 阜新| 汽车| 唐海县| 盘山县| 凤城市| 宝应县| 台中县| 通化市| 甘南县| 扎兰屯市| 双辽市| 泽库县| 青岛市| 舒兰市| 台中市| 南乐县| 重庆市| 沧源| 承德县| 准格尔旗| 石台县|