教大家使用Axure制作动态加载时的效果

 时间:2024-10-12 02:09:09

1、打开Axure,教大家使用Axure制作动态加载时的效果,如下图所示。

教大家使用Axure制作动态加载时的效果

2、首先我们将需要的元件从元件库中拖入到正文当中,这里需要两个图片素材,到网上下载一个即可,如下图所示。

教大家使用Axure制作动态加载时的效果

3、元件准备好后,就是对元件的大小及样式进行瓢遥费涓调整,并将元件组合到一起,我们先制作一个加载时的效果,如下图所示。

教大家使用Axure制作动态加载时的效果

4、同样的方式,我们再制作一下加载完成时的效果,如下图所示。

教大家使用Axure制作动态加载时的效果

5、将做好的元件分别放入到动态面板中的不同状态中,并对动态面板及状态进行命名,如下图所示。

教大家使用Axure制作动态加载时的效果教大家使用Axure制作动态加载时的效果

6、最后我们给动态面板做交互事件,主要是加载时的事件,如下图所示。

教大家使用Axure制作动态加载时的效果

7、F5预览看一下效果,加载等待5秒后,提示加载成功,如下图所示。

教大家使用Axure制作动态加载时的效果
  • Axure rp如何制作交互效果?
  • Axure教程:如何制作元件可循环挪动的动态效果
  • Axure 8.0中怎么制作手机上下滑动效果
  • Unity3D如何开启软粒子
  • Axure怎么实现左右滑动效果
  • 热门搜索
    健康状况怎么填写 怎么注销微信账号 厨房下水道堵了怎么办 怎么看k线图 优酷怎么下载视频 辣子鸡丁怎么做 吃虾过敏怎么办 比亚迪宋怎么样 睡眠质量不好怎么办 瘊子怎么去掉