原文:http://coolketang.com/staticCoding/5a9910fcac502e5d51ca9466.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/aede7c2a70716a08f5bef8a9baef1398.webp?x-image-process=image/format,png)
2. 本节课将为您演示,如何制作翻转动画。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/055b90906dab222e9c8e8194b9e81273.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6934d85eb8d46e12766398b83d5abe7b.webp?x-image-process=image/format,png)
4. 创建一个位置在(50, 50),尺寸为(220, 320)的显示区域。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b189e76410e1d0de5c8a02f730d9cb39.webp?x-image-process=image/format,png)
5. 初始化一个图像视图,并设置其位置和尺寸信息。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ec29c39c955632a28632c54c5a2ab3e1.webp?x-image-process=image/format,png)
6. 从项目资源文件中,加载一张图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/1b10f3902555dd62906d40981e64e9b3.webp?x-image-process=image/format,png)
7. 给图像视图指定需要显示的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b22dd3497e088b12f0f2bdbb05ddf48a.webp?x-image-process=image/format,png)
8. 设置图像视图的标识值,以方便后期对图像视图的调用。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8ef734523a02b100b951fa41c4230eef.webp?x-image-process=image/format,png)
9. 将图像视图,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6eb4893dd4c0e11bde1d0fa07f3ceeca.webp?x-image-process=image/format,png)
10. 初始化一个按钮对象,当点击按钮时,开始播放动画。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6fc9e5a0deb1d332646b03a87903641a.webp?x-image-process=image/format,png)
11. 设置按钮对象的位置为(50, 400),尺寸为(220, 44)。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/eb42e4ed4447d9072dead380424853d8.webp?x-image-process=image/format,png)
12. 设置按钮对象的背景颜色为浅灰色。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/65fd852acf50ab84b7a56049bed54364.webp?x-image-process=image/format,png)
13. 设置按钮对象的标题文字。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/7853e3001287a2591968f5696c9c81aa.webp?x-image-process=image/format,png)
14. 给按钮对象,绑定点击事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/9eb7c29161bc32e6d7a5b94b413e2a9e.webp?x-image-process=image/format,png)
15. 将按钮对象,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/174d45dd0f34530f77ba517e8ebc53c7.webp?x-image-process=image/format,png)
16. 然后创建一个方法,用来响应按钮的点击事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/d5c16e9eb8a7fbb99bfa39f35f5ca090.webp?x-image-process=image/format,png)
17. 发出开始视图动画的请求,标志着视图动画块的开始。在它和提交动画请求之间,可以定义动画的各种展现方式。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/4d03d32c1e1183ed6bae5d101c3b4c21.webp?x-image-process=image/format,png)
18. 设置动画的播放速度为淡入淡出。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/9d41f6df6cb65338a676f4c748440ae8.webp?x-image-process=image/format,png)
19. 设置动画的时长为5秒。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/0d78d9e1b24053eaf544753d1918aca9.webp?x-image-process=image/format,png)
20. 设置动画从视图当前状态开始播放。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/94876f0b8ac3acb4cae6bd41cc69aa95.webp?x-image-process=image/format,png)
21. 接着通过标识值,找到之前创建的图像视图,作为动画的载体。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/a6f31488b94b837ecef5f725c019633c.webp?x-image-process=image/format,png)
22. 设置动画类型为翻转动画。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6ae7fa80686e72fbc4700cb1340d3929.webp?x-image-process=image/format,png)
23. 调用视图的提交动画方法,标志着动画块的结束。点击[编译并运行]按钮,启动模拟器预览项目。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/45eecf2a4fdcbdbb300dc14931cad13c.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/745ada34af61fe35bd0f9ae35d978dc7.webp?x-image-process=image/format,png)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的
[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:
https://itunes.apple.com/cn/app/id1063100471
,或扫描本页底部的二维码。课程配套素材下载地址:
资料下载
![](https://i-blog.csdnimg.cn/blog_migrate/14e41f97b6d4b51f7bc11081e2a0e101.png)