本文从元件的实现、交互的实现两个角度，拆解了APP顶部下拉刷新动效制作，并展示了相应的预览效果。
　　【顶部下拉刷新】一般应用于内容可变的界面或列表，刷新属于用户的主动行为。此教程为最常见的下拉刷新。在设计电商小程序高保真原型规范时，正是应用此动效。
　　（详细原型及交互和源文件在下方文章评论中可见）
　　具体实现方法
　　第一步：元件的实现
　　1。需要准备元件为：
　　一个矩形作为模态提示，命名为：加载提示；（黑色提示框）
　　一个图片元件作为内容，命名为：刷新图片。
　　一个图标和一个文本标签，作为刷新的文本展示，文案为：下拉刷新。（苹果模型可忽略）
　　如下图所示：（记得调好图层的顺序，其中加载提示为最顶层）
　　第二步：交互的实现
　　1。原理分析：
　　1）用户下拉图片内容时，图片下移，刷新和图标显示，文案为：下拉刷新；
　　2）用户拉到一定距离时，刷新文本标签文本变为：松开刷新；
　　3）用户松开图片内容时，图片上移一段距离，文本标签文本变为：正在刷新；并旋转刷新图标；
　　4）图片继续上移至初始位置，盖住图标和文本标签。显示隐藏的加载提示矩形。
　　这样，面板就可以实现无限循环切换。
　　2。交互步骤实现：
　　选中图片，添加【载入时】交互事件：
　　a添加等待事件1000毫秒；
　　b勾选【当前元件】，移动：相对位置，X：0、Y：60；动画：缓慢退出；时间为：2000毫秒；
　　c再添加等待事件2000毫秒；
　　d设置【刷新】文本标签的文本值为：松开刷新；
　　接下来，则为图片上移的交互事件：
　　e勾选【当前元件】，移动：相对位置，X：0、Y：20；动画：缓慢退出；时间为：1000毫秒；
　　f添加等待事件1000毫秒；
　　g设置【刷新】文本标签的文本值为：松开刷新；
　　h添加旋转事件，勾选【图标】，旋转：相对位置，角度：3600；方向为：顺时针；锚点为：中心；动画为线性，时间为：2000毫秒；
　　i再添加等待事件2000毫秒；
　　最后，为刷新加载成功的模态提示显示：
　　j勾选【当前元件】，移动：相对位置，X：0、Y：40；动画：缓慢退出；时间为：1000毫秒；
　　k显示【加载提示】；
　　L添加等待事件1500毫秒；
　　M设置【刷新】文本标签的文本值为：下拉刷新；
　　N隐藏【加载提示】；
　　O添加【触发事件】，勾选【当前元件】，勾选【载入时】交互事件。
　　详细交互如下图所示：
　　第三步：效果的预览

工程技术员个人工作总结第一篇：工程技术员个人工作总结工程技术员个人工作总结时光飞逝，xx年已经悄然过去。在过去的一年里本人在公司项目领导的支持和同事的帮助下，我认真履行自己的职责，加强施工生产……学团党总支公寓党支部支部书记述职报告一、抓学习教育，认真落实学习教育制度。一是坚持把深化学习教育放在首位，组织全体党员，深入学习中央和省市有关党风廉政建设及惩防体系建设的一系列文件精神，同时要求根据各自工作……小学数学骨干教师总结寄语：小学数学骨干教师总结为好范文网的会员投稿推荐，但愿对你的学习工作带来帮助。对小学数学骨干教师进行集中培训是小学数学教师职后继续教育的重要途径之一，终身教育的理念研究……基层单位政工干部管理能力提高的有效途径摘要：对基层单位做思想政治工作、建设党的精神文明，是基层单位政工干部的工作主要内容，承担这些重任是基层单位政工干部必须要有的能力，这对于各地的思想政治建设是非常重要的。在新的时……大学生寒假社会实践报告字新版多篇导读：大学生寒假社会实践报告1500字新版多篇为好范文网的会员投稿推荐，但愿对你的学习工作带来帮助。寒假社会实践让我认识到，作为一名大学生，要想成为21世纪的合格人才，必……提高氧化铝生产中结垢清理的安全性我国铝土矿高铝、高硅、低铁的特点，决定了烧结法氧化铝生产工艺在我国有着非常重要的地位，特别是随着高品位铝土矿的日益匮乏，烧结法处理低品位铝土矿的优越性日益凸显出来。而烧结法存在……试析改进和创新国有企业党建工作的探索与思考摘要：国有企业在我国的市场经济中占有重要地位，党建工作的顺利开展能够为国有企业的改革发展提供前进的动力和方向。党建工作作为国有企业的重要组成部分，只有不断改进创新才能保证国有企……推进城乡劳动力职业技能培训的策略研究摘要：就业能力是立身之本，勞动者只有掌握了一门甚至多门职业技能，才能从根本上实现更高质量就业。切实加强城乡劳动力就业创业培训，对于推进大众创业，万众创新，帮助各类群体实现就业再……梅城记事我想我是喜欢这座城市的，单独在街景方面就不想离开了，也许在其他的城市有更让人留恋的风景，可是我没见着所以谈不了感受。这条街吸引了我的注意，三年来我曾和友人一起来过，也曾自……捻一缕思念细水流长守一世长情念念不时光无言，总是匆匆，任凭谁都无能为力去挽留它的步履。看红尘陌上，昨日还是萧瑟万里，今时便已花香满地。静坐季节的门楣，暖阳小窗外，风轻云淡，杨柳依依，时光，早已在一席暖风中……个不为人知的小技巧检测应聘者的真实水平在选择一个人加入团队的时候，我们会看经验、学习能力和团队文化契合度三个方面。但是如何能够判断准确呢？接下来，我就会用一些具体的方法告诉大家如何提高判断力，以及如何检测一个人的真……读道德经一流的人生要修炼傻瓜心作者：吴强私人董事会教练来源：正和岛（ID：zhenghedao）福耀玻璃的创始人曹德旺在一次采访中，聊起一位大和尚请他喝茶的事，当和尚说要拿出珍藏的好茶专门招待他……