5.8 针对图像和图像视图在下载/压缩/裁剪方面的扩展 [iOS

1. 本节课将为您演示，第三方类库对图像类的扩展。在左侧的项目导航区，打开视图控制器的代码文件。

image

2. 接着开始编写代码，依次使用图像类型的各个扩展方法。

image

3. 首先在当前的类文件中，引入已经安装的第三方类库。

image

4. 添加一个方法，用来演示针对图像视图的一些扩展方式。

image

5. 从项目中读取一张图片素材。

image

6. 初始化一个图像视图，并设置图像视图对象的坐标、待显示的图片。在此设置图像视图的宽度为200，高度为等比例缩放。

image

7. 通过调用图像视图对象的圆角方法，将图像视图修改成一个圆角视图。

image

8. 设置图像视图位于根视图中的中心位置，并将图像视图添加到根视图中。

image

9. 然后在视图加载完成的方法中，调用我们刚刚创建的自定义方法。接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

10. 在弹出的模拟器中，显示了一个圆角视图。点击此处的[停止]按钮，关闭模拟器。

image

11. 接着添加另一个方法。

image

12. 我们将在这个方法中，演示如何通过扩展方法，快速下载网络图片。

image

13. 首先初始化一个图像视图，并设置图像视图的显示区域。

image

14. 通过调用图像视图对象的从网址下载图片的方法，下载指定网址的图片。

image

15. 然后将图像视图添加到根视图。

image

16. 更改被调用的自定义方法的名称，然后点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

17. 在弹出的模拟器中，显示了一张从网络下载的图片。点击此处的[停止]按钮，关闭模拟器。

image

18. 然后点击右侧的垂直滚动条，跳转到编辑区的底部位置。

image

19. 接着初始化一个图片，作为图像视图的占位图片。

image

20. 通过调用图像视图对象的从网址下载图片的方法，下载指定网址的图片，并设置图像视图的占位图片。

image

21. 图像视图首先显示占位图片，当图片下载完成后，显示下载的图片。

image

22. 接着添加另一个方法。

image

23. 我们将在这个方法中，演示对图像类型的扩展。

image

24. 首先从项目中读取一张图片。

image

25. 接着在控制台依次输出图片的字节数和千字节数。

image

26. 通过图像对象的压缩方法，可以压缩图像的体积。

image

27. 然后在控制台输出压缩后的图片的千字节数。

image

28. 初始化一个图像视图对象，并设置图像视图对象的显示区域。

image

29. 使用图像视图显示压缩后的图片。

image

30. 将图像视图对象添加到根视图。接着点击右侧的垂直滚动条，跳转到编辑区的顶部位置。

image

31. 修改此处的方法名称。

image

32. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

33. 模拟器启动后，在控制台依次输出了图片的字节数、千字节数和压缩后的千字节数。点击此处的[停止]按钮，关闭模拟器。

image

34. 然后点击右侧的垂直滚动条，跳转到编辑区的底部位置。

image

35. 接着添加另一个方法，我们将在这个方法中，演示如何对图片进行裁切。

image

36. 首先从项目中读取一张图片。

image

37. 然后在控制台输出图片的原始尺寸。

image

38. 接着通过调用图片对象的裁切方法，裁切指定区域的图片内容。

image

39. 在控制台输出图片在裁切后的尺寸。

image

40. 初始化一个图像视图对象，并设置图像视图对象的显示区域。该图像视图将被用来显示裁切后的图片。

image

41. 将图像视图对象添加到根视图。接着点击右侧的垂直滚动条，跳转到编辑区的顶部位置。

image

42. 修改此处的方法名称。

image

43. 接着点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

44. 在弹出的模拟器中，显示了裁切后的图片，并在控制台依次输出了图片的原始尺寸和裁切后的尺寸。最后点击[停止]按钮，关闭模拟器，并结束本节课程。

image

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

apps8 2.png