1. 本节课将为您演示,如何快速创建Loading加载动画。首先确保在您的项目中,已经安装了所需的第三方库,双击查看此处的Pod配置文件。

2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。




6. 初始化一个按钮控件,当用户点击该按钮时,开始播放一个加载动画。




10. 初始化另一个按钮控件,当用户点击该按钮时,结束一个加载动画的播放。







17. 在第一个自定义的方法中,初始化一个加载动画对象,并通过调用显示命令,开始动画的播放。除此之外,您还设置了加载动画时显示的等待文字的内容。

18. 在弹出的模拟器中,点击第一个按钮,开始播放加载动画。


20. 第三方库允许开发者对加载动画,进行一些自定义的设置。





25. 调用加载动画的显示方法,开始动画的播放。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

26. 在弹出的模拟器中,点击第一个按钮,再次播放加载动画。

27. 观察自定义样式的加载动画,然后点击左上角的[停止]按钮,关闭模拟器。


29. 通过调用加载动画的隐藏功能,结束加载动画的播放。然后点击左上角的[编译并运行]按钮,启动模拟器预览项目。

30. 在弹出的模拟器中,点击第一个按钮,再次播放加载动画。

31. 然后点击第二个按钮,结束当前的加载动画。当加载动画结束后,会播放一个加载成功的动画。



34. 修改后的代码,将使加载动画立即结束,而不会另外播放加载成功的动画。点击左上角的[编译并运行]按钮,启动模拟器预览项目。

35. 在弹出的模拟器中,点击第一个按钮,再次播放加载动画。

36. 然后点击第二个按钮,结束当前的加载动画,动画将会立即结束。

37. 最后点击左上角的[停止]按钮,关闭模拟器,并结束本节课程。


本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

网友评论