美文网首页iOS开发中的神兵利器
1.11 使用EZLoadingActivity制作Loadin

1.11 使用EZLoadingActivity制作Loadin

作者: 互动教程网 | 来源:发表于2018-04-11 20:39 被阅读47次

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

    image

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

    image

    3. 然后在左侧的项目导航区,打开视图控制器的代码文件。

    image

    4. 现在开始编写代码,实现加载等待动画的制作。

    image

    5. 首先在当前的类文件中,引入已经安装的第三方类库。

    image

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

    image

    7. 设置按钮控件的背景颜色为橙色。

    image

    8. 设置按钮控件在正常状态下的标题文字。

    image

    9. 给按钮控件绑定点击事件。

    image

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

    image

    11. 设置该按钮控件的背景颜色为橙色。

    image

    12. 同样设置按钮控件,在正常状态下的标题文字。

    image

    13. 给该按钮控件绑定点击事件。

    image

    14. 将两个按钮控件,依次添加到当前视图控制器的根视图。

    image

    15. 添加一个方法,用来响应第一个按钮的点击事件。

    image

    16. 添加另一个方法,用来响应第二个按钮的点击事件。

    image

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

    image

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

    image

    19. 点击左上角的[停止]按钮,关闭模拟器。

    image

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

    image

    21. 设置加载动画的背景颜色为橙色。

    image

    22. 接着设置加载动画的旋转图标的颜色为白色。

    image

    23. 同样设置加载动画的标识文字的颜色为白色。

    image

    24. 设置动画完成时的成功图标。

    image

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

    image

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

    image

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

    image

    28. 接着在第二个自定义方法中,实现结束加载动画的功能。

    image

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

    image

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

    image

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

    image

    32. 点击左上角的[停止]按钮,关闭模拟器。

    image

    33. 接着对结束动画的代码进行一些修改。

    image

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

    image

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

    image

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

    image

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

    image

    image

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

    apps8 2.png

    相关文章

      网友评论

      本文标题:1.11 使用EZLoadingActivity制作Loadin

      本文链接:https://www.haomeiwen.com/subject/jeozhftx.html