6.2 使用图形上下文转换图片为灰度图 [iOS开发-Xcode

1. 在欢迎窗口右侧的历史项目列表中，双击打开之前创建的单视图项目模板。

image

2. 本节课将为您演示，如何将一张普通的图片转换成灰度图片。首先在一个空白项目中，打开视图控制器的代码文件。

image

3. 接着开始编写代码，实现这项功能。

image

4. 首先创建一个方法，传递一个图像参数，实现将图像，转换成灰度图功能。

image

5. 获得源图像的尺寸属性。

image

6. 获得源图像的宽度和高度数值。

image

7. 创建灰度色彩空间对象。各种设备对待颜色的方式都不同，颜色必须有一个相关的色彩空间。否则，图形上下文将不知道如何解释相关的颜色值。

image

8. 参数1，指向要渲染的绘制内存的地址；参数2，3，分别表示宽度和高度；参数4，表示内存中像素的每个组件的位数。

image

9. 参数5，表示每一行，在内存所占的比特数；参数6，表示上下文使用的颜色空间；参数7，表示是否包含透明通道。然后创建一个和源图像同样尺寸的空间。

image

10. 在灰度上下文中画入图片。

image

11. 从上下文中，获取并生成转为灰度的图片。

image

12. 在方法的末尾，返回最终的灰度图片。

image

13. 从项目资源文件中，读取一张图片。

image

14. 调用灰度图转换方法，将图片转换成灰度图。

image

15. 创建一个图像视图对象，并给图像视图对象，加载转换后的灰度图片。

image

16. 设置图像视图的中心位置为(160, 260)。

image

17. 将图像视图添加到当前根视图。然后点击[编译并运行]按钮，启动模拟器预览项目。

image

18. 在弹出的模拟器中，显示了转换成灰度模式的图片。点击[停止]按钮，关闭模拟器，并结束本节课程。

image

image

本文整理自：《互动教程 for Xcode9 & Swift4》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1063100471，或扫描本页底部的二维码。课程配套素材下载地址：资料下载