快好知 kuaihz

Axure教程:行驶功能的实现

路上骑行,湖上泛舟,天上鸟飞..这些场景用Axure是可以做出来的,是不是很好玩,,来,一起来试试呀~

灵感来源于:http://www.ux-designer.com/single-post/2013/10/09/Parallax-scrolling-with-axure-7

效果图

实现原理

创建一个动态面板中作为可移动区域,他状态1包含了车子面板和背景面板;可移动区域面板固定在屏幕,窗口滚动时,车子和背景面板往相反方向移动,并且限定车子、背景面板移动的范围不能超过可移动区域。

步骤来也

1、设置好基本的元件

2、将可移动区域面板固定在屏幕

3、窗口向下滚动时,车子面板向右移动,背景往左移动移动区域不能超过可移动区域面板

4、窗口向下移动时,车子后退,背景前移

5.大功已成,虽然可能会有点小瑕疵,不过等以后学了更精准的函数方式设置参数再优化吧,大家有更好的方法也欢迎讨论~~

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:行驶  行驶词条  实现  实现词条  功能  功能词条  教程  教程词条  Axure  Axure词条  
原型

 15款优秀移动APP产品原型设计...

一新来小盆友问:“移动产品原型设计都用啥工具?”答:“@#¥……&%*”又问:“能详细说下各个工具吗?我比较一下”“……”好吧,谁让我那么的爱分享而你又是小美女...(展开)

原型

 Protopie教程1-2:可交...

秒表——常用的测时工具,从零开始进行计时。本案例中具体实现的秒表,用户点开始后即开始计时,在秒表运行的时候可以进行多次计次,停止后可一键复位。与上一篇时钟案例相...(展开)

原型

 精美横轴智能滚动条设计

如何设计一款精美的横轴智能滚动条?本文对设计过程进行了详细地介绍。页面布局页面设定新建一个页面文件,命名为【精美横轴智能滚动条设计】。在【精美横轴智能滚动条设计...(展开)