6.11 UIView视图卷曲动画的制作 [iOS开发-Xcod

1. 在欢迎窗口右侧的历史项目列表中，双击打开之前创建的单视图项目模板。

image

2. 本节课将为您演示，如何制作卷曲动画。首先在一个空白项目中，打开视图控制器的代码文件。

image

3. 接着开始编写代码，实现这项功能。

image

4. 创建一个位置在(50, 50)，尺寸为(220, 320)的显示区域。

image

5. 初始化一个图像视图，并设置其位置和尺寸信息。

image

6. 从项目资源文件中，加载一张图片。

image

7. 给图像视图指定需要显示的图片。

image

8. 设置图像视图的标识值，以方便后期对图像视图的调用。

image

9. 将图像视图，添加到当前视图控制器的根视图。

image

10. 初始化一个按钮对象，当点击按钮时，开始播放动画。

image

11. 设置按钮对象的位置为(50, 400)，尺寸为(220, 44)。

image

12. 设置按钮对象的背景颜色为浅灰色。

image

13. 设置按钮对象的标题文字。

image

14. 给按钮对象，绑定点击事件。

image

15. 将按钮对象，添加到当前视图控制器的根视图。

image

16. 然后创建一个方法，用来响应按钮的点击事件。

image

17. 发出开始视图动画的请求，标志着视图动画块的开始。在它和提交动画请求之间，可以定义动画的各种展现方式。

image

18. 设置动画的播放速度为淡入淡出。

image

19. 设置动画的时长为5秒。

image

20. 设置动画从视图当前状态开始播放。

image

21. 接着通过标识值，找到之前创建的图像视图，作为动画的载体。

image

22. 设置动画类型为卷曲动画。

image

23. 调用视图的提交动画方法，标志着动画块的结束。点击[编译并运行]按钮，启动模拟器预览项目。

image

24. 点击按钮，开始播放动画。

25. 点击[停止]按钮，关闭模拟器，并结束本节课程。

image

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