Axure制作视频加载下拉刷新操作实例

Axure怎么制作视频加载下拉刷新效果？Axure在制作视频的时候，想要让视频实现下拉刷新的效果，该怎么实现呢？下面我们就来看看Axure制作视频加载下拉刷新的方法，具体操作方法如下：

操作演示：http://119.29.198.241:8080/pp/index.html

本文主要聊一聊本原型的制作思路，如有不妥，欢迎小伙伴进行指正。

另外，本原型是用Axure9.0制作，使用Axure8.0的小伙伴也可以借鉴一下

首先是制作原型的思路

整个原型只有两个页面构成，“上帝视角”页面手机屏幕部分是一个框架，指向了“主页”页面，其余的都是一些辅助性的东西，例如背景，顶部导航栏等等，这样做看起来会很整洁，思路会清晰一些。

再来看主页

“上帝视角”的框架就是指向这里，所有的交互都在这里，我是用一个动态面板，四个状态，每个状态下分别是“首页”，“视频”，“分类”，“我的”这四个模块，在每个模块进行动态面板的嵌套，显示每个模块包含的不同页面。就这样，层层递进，拼成了原型的所有页面，都在这一个动态面板里，至于页面跳转，都是动态面板的显示与隐藏，状态的切换，还可以伴随着特效。不过有一个缺点，就是在制作过成中容易操作错误。

第二就是模拟手指滑动

这里我做了下拉刷新，上拉加载，

记住是要用鼠标拖的哦，而且松开鼠标他会自己回去，这也是为了高度还原手机app使用场景，比用鼠标滑轮更加形象，所用到的知识点就是动态面板的拖动，

拖动时移动当前动态面板跟随拖动

当动态面板的顶部大于**时，显示**，

拖动结束时，当动态面板顶部大于**时，移动动态面板到达绝对位置(**.**)

隐藏**

事件就是这样的，因为详细说的话太多太多了，我这里就简单说一下。

在本原型里，几乎所有页面我都做了鼠标滑动效果，很麻烦，不过效果还是不错的。

 以上就是Axure制作视频加载下拉刷新操作实例的全部内容介绍了，关于更多axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。