原文:http://coolketang.com/staticCoding/5a9910fca22b9d0044385e00.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/df517668f9ce8418401e6604532d5ebe.webp?x-image-process=image/format,png)
2. 本节课将为您演示,如何制作入场动画。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/14770c32c0ac9a0c9a917e6ef47a35df.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8cd3b16854de6b24bbc5d98227da593c.webp?x-image-process=image/format,png)
4. 创建一个位置在(0, 100),尺寸为(320, 211)的显示区域。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/d1a53d5d6683a740e581e1d08a7f3e6c.webp?x-image-process=image/format,png)
5. 初始化一个图像视图,并设置其位置和尺寸信息。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/24cdf0d166e22a57571d9234dd40f160.webp?x-image-process=image/format,png)
6. 从项目资源文件中,加载一张图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/65f1c984202dac6aac37c077de28cc48.webp?x-image-process=image/format,png)
7. 给图像视图指定需要显示的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/892d9ee27c470043801d224df25a41e5.webp?x-image-process=image/format,png)
8. 将图像视图,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/7fec7b1e117c5a18860ff7db244191a2.webp?x-image-process=image/format,png)
9. 初始化一个过渡动画实例。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c648fd79c93af214fe7fd3a726c91551.webp?x-image-process=image/format,png)
10. 设置动画的时长为两秒。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/30bf8884c50e41024036fb66aa3f82a9.webp?x-image-process=image/format,png)
11. 设置动画的播放速度为由慢至快。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c15db535295501fa809bc289c8c60cfd.webp?x-image-process=image/format,png)
12. 设置动画的类型为入场动画。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/558c67ec473bdec7cd94b8d18f395968.webp?x-image-process=image/format,png)
13. 将动画指定给图像视图的层。然后点击[编译并运行]按钮,启动模拟器预览项目,并观察图像从左至右的入场动画。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f725b4735bc5dcae952f8e133a766ec0.webp?x-image-process=image/format,png)
14. 最后点击[停止]按钮,关闭模拟器,并结束本节课程。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/408de474877f8bd289115a3fb11da566.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/53bcb9674eed14b0a2ef79e6e659fe34.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)