快好知 kuaihz订阅观点

 

Axure教程:如何制作超简单机械加载效果

本人教大家,如何利用Axure制作超简单机械加载效果,enjoy~

看看效果:

可以学到什么?

循环动态面板的应用

有关循环动画怎么处理

自带元件库的使用

第一步:绘制

在系统元件库里搜索“齿轮”。

添加三个到画布,设置尺寸180*180,依次命名齿轮1、齿轮2、齿轮3,如图分布:

第二步:制作动效

创建一个动态面板,添加2个状态,命名“控制”。

新建交互【状态改变时】:

旋转齿轮2顺时针经过360°,动画线性5000ms;

旋转齿轮3逆时针经过360°,动画线性5000ms;

旋转齿轮1逆时针经过360°,动画线性5000ms。

然后需要驱动“控制”动态面板循环的交互,在什么都不选择的情况下,点击交互,页面载入时,设置“控制”动态面板下一项循环间隔5000ms。

以上做的两个步骤即每隔5秒触发一次动态面板循环,动态面板循环一次,就转动齿轮一周,转动时间5秒。

第三步:效果

有没有感觉很舒服!!!用循环动态面板同样可以做出加载中省略号从一点到三点循环下去的效果,大家动动脑筋做做看吧!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:简单机械  简单机械词条  加载  加载词条  效果  效果词条  制作  制作词条  教程  教程词条  
原型

 Axure技巧:为母版元素自定义...

Axure有时会在一个原型图中复用组件,比如弹出对话框、页面头部导航条、左侧导航树等。如果采用简单的方式,那么可以在每个页面里都拷贝一份,但当修改了组件的某个地...(展开)

原型

 产品原型,到底怎么画?

产品原型是将抽象的想法、需求转化为具象产品的过程,通过这种高效、低成本的方式来表达、测试并验证产品。一、原型的定义先说说产品原型这个概念,现在大家听到原型就会马...(展开)

原型

 Axure教程:制作下拉选择框部...

本文通过一个相对简单的示例,介绍了如何制作下拉选择框的联通效果。产品经理在制作产品原型的过程中,经常会遇到部件间联动的效果设计。如果不能通过原型交互方式来完成,...(展开)