原文:http://coolketang.com/staticCoding/5a9910fc9f54542163e22e67.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8e49e2683ea3f5fde9fed2561f9f21d0.webp?x-image-process=image/format,png)
2. 本节课将为您演示,如何制作渐显动画。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/563af6b3966919f9b9af8300500048bd.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c3f7ecec9821e054236843885a90c303.webp?x-image-process=image/format,png)
4. 创建一个位置在(0, 100),尺寸为(320, 211)的显示区域。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/68e6cad077a484c1b9e55fbebe5666d5.webp?x-image-process=image/format,png)
5. 初始化一个图像视图,并设置其位置和尺寸信息。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e97a5d6d8dec87096d667597354fbf3d.webp?x-image-process=image/format,png)
6. 从项目资源文件中,加载一张图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/469b390031455a5fa19cc6e3ecc6e5fb.webp?x-image-process=image/format,png)
7. 给图像视图指定需要显示的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f0fe5cf89deb600fb4cba8d22681fd0f.webp?x-image-process=image/format,png)
8. 将图像视图,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5ea1765835d0d062adce54e2a4b8543e.webp?x-image-process=image/format,png)
9. 您可以使用两种方法,来实现动画效果,一种是视图层面的,另一种是使用过渡动画,它实现了层的过渡动画,因此可以进行更低层次的控制。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e370bfe8fbf774bc1b8974e1dba8b550.webp?x-image-process=image/format,png)
10. 设置动画的时长为两秒。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/cdc0382ead1990b10d07d2e4d1d33595.webp?x-image-process=image/format,png)
11. 设置动画的播放速度为由慢至快。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/fd31233b55315741563d8d86fda93934.webp?x-image-process=image/format,png)
12. 设置动画的类型为渐显动画。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/56a2a98ddc689f8a19a1127ad965fb3a.webp?x-image-process=image/format,png)
13. 将动画指定给图像视图的层。然后点击[编译并运行]按钮,启动模拟器预览项目,并观察图像的渐显动画。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f3aa62fc043b88e7c764ade009429314.webp?x-image-process=image/format,png)
14. 点击[停止]按钮,关闭模拟器,并结束本节课程。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/dbbd289eae96040656369650e439aefa.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ab3f0fc039c086db7780c4ffddde880c.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)