原文:http://coolketang.com/staticCoding/5a9910fb128fe1189bdb19dd.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/2adf68e9988d49abe921e66d60c36d79.webp?x-image-process=image/format,png)
2. 本节课将为您演示,如何使用图像处理框架,将图片转换成单色样式。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b89061a5401b977c6671c9ae2701bae0.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/57b0fa62d988f44a405e8167ff60671d.webp?x-image-process=image/format,png)
4. 首先导入要使用的框架。该框架提供了强大和高效的图像处理功能,用来对基于像素的图像进行分析、操作和特效处理。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f2dbfb1101f53ac1290f3009bfd23b11.webp?x-image-process=image/format,png)
5. 从项目资源文件中,加载一张图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/418acc647c614f1d08a8ff252e69b345.webp?x-image-process=image/format,png)
6. 创建一个图像视图对象,并给图像视图指定需要显示的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/5ce60b0e89e73b2bbdfb5958faaae2c3.webp?x-image-process=image/format,png)
7. 将图像视图,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/de36bf735421a83fede6cabf101d1271.webp?x-image-process=image/format,png)
8. 然后初始化一个图像对象,并加载之前导入的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/a456529e1939bbf36bac2c37f85319db.webp?x-image-process=image/format,png)
9. 初始化一个颜色对象,并设置其颜色值为棕色。其参数值介于0和1之间。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/7a69cb8037f1eb962af6fd88e433e36a.webp?x-image-process=image/format,png)
10. 初始化一个滤镜对象,并设置滤镜类型为单色调滤镜。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e26cf2eb955b62d5b4fdb858bfd701f7.webp?x-image-process=image/format,png)
11. 设置单色调滤镜的输入颜色值。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/77943d2af18875af9fbfdd01bcd47465.webp?x-image-process=image/format,png)
12. 设置单色调滤镜的颜色浓度值。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/d92fe11b31293ebd271a253dd8efb29b.webp?x-image-process=image/format,png)
13. 设置需要应用单色调滤镜的图像。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/efcc7a647abba8f2259dcab9c8ec3ca8.webp?x-image-process=image/format,png)
14. 获得应用单色调滤镜后的图像。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/562b833a3545517fff1f826acad24a9c.webp?x-image-process=image/format,png)
15. 更改图像视图的内容,为应用滤镜后的图像。然后点击[编译并运行]按钮,启动模拟器预览项目。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/fcee686442c5f916ae7d46b38591717d.webp?x-image-process=image/format,png)
16. 在弹出的模拟器中,您看到的是应用单色调滤镜后的图像。点击[停止]按钮,关闭模拟器,并结束本节课程。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e9eb00bed393c1f4e193bf868df5ae36.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b1ef5b969c2cab97877aed3548f7ad03.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)