起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識Axure教程：行駛功能的實現(xiàn)
路上騎行，湖上泛舟，天上鳥飛..這些場景用Axure是可以做出來的，是不是很好玩,,來，一起來試試呀~
靈感來源于：http://www.ux-designer.com/single-post/2013/10/09/Parallax-scrolling-with-axure-7
效果圖
實現(xiàn)原理
創(chuàng)建一個動態(tài)面板中作為可移動區(qū)域，他狀態(tài)1包含了車子面板和背景面板；可移動區(qū)域面板固定在屏幕，窗口滾動時，車子和背景面板往相反方向移動，并且限定車子、背景面板移動的范圍不能超過可移動區(qū)域。
步驟來也
1、設(shè)置好基本的元件
2、將可移動區(qū)域面板固定在屏幕
3、窗口向下滾動時，車子面板向右移動，背景往左移動，移動區(qū)域不能超過可移動區(qū)域面板
4、窗口向下移動時，車子后退，背景前移
5.大功已成，雖然可能會有點(diǎn)小瑕疵，不過等以后學(xué)了更精準(zhǔn)的函數(shù)方式設(shè)置參數(shù)再優(yōu)化吧，大家有更好的方法也歡迎討論~~
本文由 @萍萍仔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
評論
- 目前還沒評論，等你發(fā)揮！
