Axure怎么制作APP下拉刷新效果?

APP下拉刷新效果,即当手机APP下拉界面显示正在刷新/加载数据的提示副本时,副本消失,加载结束时显示最新的APP界面。对于这样的效果,我们在Axure原型软件里面怎么制作出来呢?下面详细教大家怎么操作吧!自学Axure,入门很简单,交互却头疼!因此,专业提供多套Axure自学视频课,软件基础功能操作+基础案例教程,可以全面学习掌握Axure原型设计、交互原理~

Axure制作APP下拉刷新效果步骤:

(1)制作手机外形,手机元件库里面都有。

(2)创建一个内容动态面板并起名,并在动态面板里创建界面动态面板和下拉刷新动态面板2个面板。将下拉刷新动态面板放在界面面板下方(每个面板至少2个状态),演变图如下:

(3)我们先来介绍下拉刷新动态面板的界面,一个是拖动时的准备刷新界面,另外一个是拖动结束时展示的刷新效果界面。

注:图二的图片要在后面界面动态面板中设置成动态的,需要给图片单独起一个名字。

(4)接下来介绍界面动态面板的设置

界面面板主要是展示界面图片,设置至少2个状态,每个状态展示一个界面,并起名。

设置界面动态面板拖动时效果,拖动界面时让界面保持垂直移动。

设置界面动态面板拖动结束时的效果,这个时候要考虑两种情形。我们想要实现的效果是:

当拖动距离<=下拉刷新面板的行高时时不切换图片;

当拖动距离>下拉面板行高时切换照片(并循环切换下一张)。

注:80是我这个下拉刷新面板的行高,你们可以根据自己的规则调整。

最终效果

以上就是关于“Axure怎么制作APP下拉刷新效果?”的全部内容分享了,感谢大家的阅读,希望大家从中有所收获!想要获取更多Axure操作技巧,可阅读更多Axure文章哦!当然,如果你想要更加清晰专业的学习到Axure技巧知识点,那么建议大家Axure视频课程学习哦!省时省力快速全面学会Axure原型交互设计~