原文:http://coolketang.com/staticCoding/5a9910fb9f54542163e22e66.html
1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3e5b62c67772bcf1e9aed4a4f6435655.webp?x-image-process=image/format,png)
2. 本节课将为您演示,如何使用图像处理框架,给图片添加像素化滤镜效果。首先在一个空白项目中,打开视图控制器的代码文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3de725512d5d775117d48a58e06be92c.webp?x-image-process=image/format,png)
3. 接着开始编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/2d0e8e8b90b2ba99e55610f07484bdb0.webp?x-image-process=image/format,png)
4. 首先导入需要用到的框架。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/38f042e7e8eb5b8bafb533c482ac9c77.webp?x-image-process=image/format,png)
5. 从项目资源文件中,加载一张图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/a5fcabcb88be9e94fdeee07a44869a28.webp?x-image-process=image/format,png)
6. 创建一个图像视图对象,并给图像视图指定需要显示的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3147e0042b977859a325ef0d88b8e076.webp?x-image-process=image/format,png)
7. 将图像视图,添加到当前视图控制器的根视图。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/1eda01376797f60ee393b3107463a4d2.webp?x-image-process=image/format,png)
8. 然后初始化一个图像对象,并加载之前导入的图片。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8c9ad3ec35409ed4bf445b42ce7027e6.webp?x-image-process=image/format,png)
9. 初始化一个滤镜对象,并设置滤镜类型为像素化滤镜。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6f8aee1b26bc7b17e134654c3ce87950.webp?x-image-process=image/format,png)
10. 设置像素化滤镜,采用默认的配置选项。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/1bb5fe451ad11cfbda46d8ab9e50ba4a.webp?x-image-process=image/format,png)
11. 设置需要应用像素化滤镜的图像。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/1e57ed463bc3ada5697b7fe5e1f8296b.webp?x-image-process=image/format,png)
12. 获得应用像素化滤镜后的图像。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/59c20a19da43dcaa7706f0b3927c7a1f.webp?x-image-process=image/format,png)
13. 更改图像视图的内容,为应用滤镜后的图像。然后点击[编译并运行]按钮,启动模拟器预览项目。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ad5cca0d4edfd374a99f3c00fc3e0a6b.webp?x-image-process=image/format,png)
14. 在弹出的模拟器中,您看到的是应用像素化滤镜后的图像。点击[停止]按钮,关闭模拟器,并结束本节课程。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/4450ebdf190669ebe562ca70e742b1d7.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/f6e7ba127768fa171c982da28d796b36.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)