原文:http://coolketang.com/staticCoding/5a9910fb9f54540af9a1d396.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ab6dffff0429110d61e49e04171ff8c5.webp?x-image-process=image/format,png)
2. 本节课将为您演示,如何使用图像处理框架,调整图片的色相。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/78ed129e966af5f9e256d12427269864.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f2bf150e72f383ce4e813183c41499b0.webp?x-image-process=image/format,png)
4. 首先导入需要用到的框架。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/088c19f2f45d722df5a3bee9f2d4cbdb.webp?x-image-process=image/format,png)
5. 从项目资源文件中,加载一张图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/533efc750569f204ea3f0c4f86eb6c5a.webp?x-image-process=image/format,png)
6. 创建一个图像视图对象,并给图像视图指定需要显示的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/0ba2e644c00a706814ebe3f924418629.webp?x-image-process=image/format,png)
7. 将图像视图,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ccefbd7459792ee9fdd1938e8d5d39b1.webp?x-image-process=image/format,png)
8. 然后初始化一个图片对象,并加载之前导入的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/1dce36aa7cd1ddfef4165bf8cb845865.webp?x-image-process=image/format,png)
9. 初始化一个滤镜对象,并设置滤镜类型为色相调整滤镜。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/670846e5a76beb73db84ce267740cf4a.webp?x-image-process=image/format,png)
10. 设置色相调整滤镜的输入角度值为30度。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5412a5ba3c5902ec8e8e129874fd2452.webp?x-image-process=image/format,png)
11. 设置需要应用色相调整滤镜的图像。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/aa583628187cdee6df9616422b2dc107.webp?x-image-process=image/format,png)
12. 获得应用色相调整滤镜后的图像。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3563a03509b91c71db22e182a6b5af9c.webp?x-image-process=image/format,png)
13. 更改图像视图的内容,为应用滤镜后的图像。然后点击[编译并运行]按钮,启动模拟器预览项目。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/dd3347b8c46ee40ec73c7ac112d11c38.webp?x-image-process=image/format,png)
14. 在弹出的模拟器中,您看到的是应用色相调整滤镜后的图像。点击[停止]按钮,关闭模拟器,并结束本节课程。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/129ef5d70fc9a4300fd345e5e90c36a2.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5cdaa3dcf73378915f6c1ecc14276994.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)