本文教大家在Axure RP 9中制作小汽车动效,一起来看看~

人与人的差距就是在不经意间拉开的;人要学会享受孤独,孤独的时候才会想很多。

当你凝望深渊时,深渊也在凝望你,当你斩尽恶龙时,你也变成了恶龙,用小人对付你的招数去对付小人,终究,你也变成小人,出淤泥而不染,濯清涟而不妖,大概也是在讲这个道理吧~

咳咳,扯了这么多没用的~~~

知识不在于占有,不在于浏览器存了多少资源,不在于网盘攒了多少秘密,在于能否学会,能否灵活运用,并进一步升华。

知识往往在丢在旮旯角落之后没多久就会忘掉,我们要时常回忆,时常反思,这样才能不断进步。

效果图

Axure RP 9 教程:开着小汽车回家

使用工具

Axure RP 9

实现逻辑

Axure交互的小逻辑:

  • 相同目标,不同动作:同时进行相同目标,相同动作:分先后
  • 不同目标,不同动作:同时进行
  • 不同目标,相同动作:同时进行

(没看懂不要紧,在接下来的操作中我再解释这四句话的意思)

流程:页面载入时→树木缩小,小车左右移动,树木隐藏→树木隐藏时→树木归位,树木显示→树木显示时→树木缩小,小车左右移动,树木隐藏→开始无限循环。

操作步骤

添加素材:一辆小车,两棵树木,我们希望树木缩小来形成小车的相对运动;让小车左右移动丰富小车运动轨迹。

页面载入时:

树木1:1000ms内缩小到高为1,宽为1;

树木2:1000ms内缩小到高为1,宽为1;

小车:用500ms 向左移动 20个单位;

小车:用500ms 向右移动 20个单位;

等待:1000ms

隐藏:树木1;

隐藏:树木2。

(注意:上边的等待1000ms,如果不设置等待1000ms,会导致页面加载时,树木还没有缩小便全部隐藏,但是小车的移动虽然向两个方向移动,但是却又先后顺序,就是因为稳重一开始讲的那四句奇怪的话,同一目标小车,相同动作移动,会有先后顺序)

选中 树木1 设置交互:

隐藏时:

  • 树木1:瞬间回复到原始大小;
  • 等待:50ms;
  • 隐藏:树木1。

显示时:

  • 树木1:1000ms内缩小到高为1,宽为1;
  • 小车:用500ms 向左移动 20个单位;
  • 小车:用500ms 向右移动 20个单位;
  • 等待:1000ms;
  • 隐藏:树木1。

(此时,已经实现小车和树木1无限循环移动,接下来只要设置树木2的无限循环移动即可)

选中 树木2 设置交互:

隐藏时:

  • 树木2:瞬间回复到原始大小;
  • 等待:50ms;
  • 隐藏:树木2。

显示时:

  • 树木2:1000ms内缩小到高为1,宽为1;
  • 等待:1000ms;
  • 隐藏:树木2。

ok~完成

原型交互图

Axure RP 9 教程:开着小汽车回家

Axure RP 9 教程:开着小汽车回家

AX230 Axure RP 9 教程:开着小汽车回家

 

 

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源