ios图像和图形最佳实践（一）

已于 2022-06-19 02:14:11 修改
阅读量6.9k 收藏
点赞数 2
分类专栏： ios底层原理 文章标签： ios mvc xcode
于 2022-06-15 18:40:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42431419/article/details/125298183
版权

UIKit - Images and Graphics Best Praticies - 如何在app中高效使用图形内容的技术及策略

解决问题 - 如何将先进的cpu和gpu技术集成到你的app中

当app中使用更多的cpu时，将会对电池寿命和app的响应能力产生负面的影响

可能不那么明显的是，当你的app和系统上的其他app，消耗更多内存，也会导致更高的cpu使用率，这对电池寿命和性能有进一步的不利影响

因此，我们将重点关注如何改进对这些资源的使用

对于这个问题的讨论还有什么比一个需要处理大量图像内容的app为背景更适合的呢
比如Photos app

UIImages UIKits都是用于处理图形数据的高级类

我们倾向于将app中的图形内容分为两类 - 富内容 [Content]（如照片）, 也可以作为UIKit中的数据类型 [Iconography 用来表示某些事物，例如显示在按钮中的图标]

在这里插入图片描述
在这里插入图片描述

UIImageView 是UIKit提供的用于显示 UIImage的类

若采用经典的MVC模型进行类比，UIImage可以被看作模型对象

UIImageView是一个视图，这些对象和视图肩负着在经典模型中的责任

UIImage负责加载图片内容， UIimageView负责显示和渲染它

在这里插入图片描述

在这里插入图片描述

Image Rending Pipline

在这里插入图片描述

渲染是一个连续性过程，而不是一次性事件

其实有一个隐藏的阶段， 对衡量app的性能至关重要，这个阶段被称为解码

为了讨论解码，需要先讨论一个叫做"缓冲区"的概念，

Custom region of memory - Often viewed as sequence of elements

在这里插入图片描述

缓冲区只是一段连续的内存区域，但我们倾向于使用术语 “缓存”，来表示一系列元素组成的内存，这些元素具有相同的尺寸，并通常具有相同的内部结构，而我们关注的重点是其中一种非中重要的缓存 （即图像缓存）

在这里插入图片描述

我们用这个术语来表示一种特定缓存，它保存了某些图像在内存中的表示，此缓存的每个元素描述了图像中每个像素的颜色和透明度

因此这个缓存在内存中的大小与它包含的图像大小成正比

缓存的一个特别重要的例子是帧缓存

The frame buffer

在这里插入图片描述

帧缓存负责在你的app中保存实际渲染后的输出，因此当你的app更新其视图层次结构时，UIKit将重新渲染app的窗口及其所有子视图 到帧缓存中

在这里插入图片描述

该帧缓存提供每个像素的颜色信息，显示硬件将读取这些信息，以便点亮显示器上对应的像素

在这里插入图片描述

最后一部分以固定的时间间隔发生

在这里插入图片描述

它可能以每秒60帧的频率发生，即每1/60秒发生一次

或在配备ProMotion Display的iPad上，它的速度可以达到1/120秒发生一次

在这里插入图片描述

如果你的app中没有任何改变，则显示硬件会将它上次看到的相同的数据从帧缓存中取出

在这里插入图片描述
在这里插入图片描述

但是当你改变视图的内容，比如你为图像视图指定了一个新的UIImage，UIKit将重新渲染你的app窗口

在这里插入图片描述

并将其放入帧缓存

在这里插入图片描述

在这里插入图片描述

下一次显示硬件从帧缓存中取出时，它将会得到你的新内容

在这里插入图片描述

在这里插入图片描述

现在你可以将图像缓存与另一种“数据缓存”进行对比

在这里插入图片描述

这只是一种包含一系列字节的缓存，在我们的例子中，我们关心的是包含图像文件的数据缓存，也许我们已经从网络上下载了，或者从磁盘中加载了它们(数据缓存)

包含图像文件的数据缓存通常以某些元数据开头，这些元数据描述了存储在数据缓存中的图像大小

然后包含图像数据本身，图像数据以某种形式编码 如JPEG压缩或PNG

这意味着该元数据后面的字节实际上并不直接描述图像中像素的任何内容，

因此，我们可以深入了解下我们设置的这条管道

这里有一个ImageView，并且我们已经突出显示了帧缓存的区域，这块区域将由图像视图进行渲染填充

在这里插入图片描述

我们已经为这个图像视图分配了一个UIImage，它有一个表示图像文件内容的数据缓存，其可能是从网络下载或从磁盘读取的，但我们需要用每个像素的数据来填充帧缓存

为了做到这一点，UIImage将分配一个图像缓存

Pipline in Action
在这里插入图片描述

其大小等于包含在数据缓存中的图像的大小，同时执行称为解码的操作，这将JPEG或PNG或其他编码的图像数据转换为每个像素的图像信息

在这里插入图片描述

然后取决于我们的图像视图的内容模式

当UIKit要求图像视图进行渲染时，

在这里插入图片描述
它会在将数据复制到帧缓存的过程中，对来自图像缓存的数据进行复制和缩放

现在 解码阶段是CPU密集型的，特别是对于大型图像

因此 不是每次UIKit要求图像视图渲染时都执行一次这个过程

UIImage绑定在图像缓存上，所以它只执行一次这个过程

在这里插入图片描述

因此 你的app对于每个被解码的图像都可能会持续存在大量的内存分配

正如前面提到的那样，这种内存分配与输入图像的大小成正比，而与帧缓存实际渲染的视图的大小没有必然联系，而这会对性能产生一些相当不利的后果

在这里插入图片描述

app地址空间的中的大块内存分配，可能会迫使其他相关内容远离它想要引用的内容 这种情况被称为碎片（滥用内存的后果）

如果你的app开始占用越来越多的内存 操作系统就会介入 并开始透明地压缩物理内存的内容

除了你自己的app对CPU的使用之外，CPU也需要参与这个操作，你可能会增加你无法控制的全局CPU使用率

最终你的app可能会消耗过多的物理内存 以至于操作系统需要启动终止进程 它将从低优先级的后台进程开始

如果你的app消耗了达到特定数量的内存，你的app本身可能会被终止 而其中被终止的后台进程 可能正代表用户执行某些重要工作 因此他们可能一终止就立即重新启动
所以 即使你的app可能只会在短时间内消耗内存，它也可能对CPU使用率产生深远的影响 因此我们希望减少app的内存使用量

我们可以用一种称为 下采样 的技术来实现这一目标

现在 我们来看一下 图像渲染管道的更多细节 包括我们要在其中显示图像的图像视图，实际上比要显示的图像小这一事实

在这里插入图片描述

通常Core Animation框架在渲染阶段将负责缩小该图像 但我们可以通过使用这种下采样技术来节省一些内存
本质上 我们要做的就是捕捉该缩小的操作

在这里插入图片描述
我们最终会减少内存使用量 因为我们将有一个较小的解码图像缓存
这样我们设置了一个图像源，创建了一个缩略图 然后将解码图像缓存捕获到UIImage中 同时将该UIImage分配给我们的图像视图

我们就可以丢弃包含我们原有图片的数据缓存

在这里插入图片描述
其结果是我们的app将具有一个更小的长期内存占用足迹

执行该操作的代码有几个步骤 我们先简单过一遍这个流程 初步看下效果

我们加载一张1.2M 3840x2400 的图片

在这里插入图片描述

不使用策略加载一张图片 消耗112M内存

在这里插入图片描述
使用downsample函数 消耗66.7M内存, 将近节省一半内存

在这里插入图片描述
在这里插入图片描述

起作用了 …

ios图像和图形最佳实践（二）

在iOS中高效的加载图片
原来是泽镜的博客
10-18 1460
在iOS开发中，图片(UIImage)是我们在开发中，占用手机内存比较大的对象，如果在运行过程中，内存占用过大，对电池寿命会造成影响，如果超过了内存占用的最大值，会造成App的crash。这篇文章从图片的加载原理和SDWebImage的源码实现的角度来介绍图片加载。 图片的渲染流程 在iOS中使用 UIImage和UIImageView来记载图片，他俩遵守经典的MVC架构，UIImage相当于Model，UIImageView相当于View: UIImage负责加载图片，UIImageView负责渲染图片
iOS图形图像、动画和多媒体编程技术最佳实践
11-06
iOS图形图像、动画和多媒体编程技术最佳实践
iOS 使用Image I/O 实现超大图片降采样
liubo的博客
02-19 1300
一个图片解码成未压缩的位图的时候，占用的内存和图片的文件大小没有关系，和图片的尺寸大小有关系，尺寸越大，所需要的像素点越多，所以超大图片，我们需要进行优化处理。给UIImage 添加一个分类，在分类中添加一个方法 ,该size就是。UIImageView的大小。这里直接上降采样代码。
图像的上采样和下采样
AplusX
12-18 721
图像的上采样（upsampling）与下采样（subsampled） 缩小图像（或称为下采样（subsampled）或降采样（downsampled））的主要目的有两个： 1、使得图像符合显示区域的大小；2、生成对应图像的缩略图。 放大图像（或称为上采样（upsampling）或图像插值（interpolating））的主要目的是： 放大原图像,从而可以显示在更高分辨率的显示设备上。对图像...
IOS图片采集demo
ITzhongzi的博客
05-27 282
运行效果 #import "ViewController.h" #import <MobileCoreServices/MobileCoreServices.h> #import <AVKit/AVKit.h> #import <AVFoundation/AVFoundation.h> //两个协议 一个 采集图片 另一个是 显示图片 @interface V...
如何解决在iOS中高效的加载图片问题？
iOS_开发
10-30 553
????????关注后回复“进群”，拉你进程序员交流群????????在iOS开发中，图片(UIImage)是我们在开发中，占用手机内存比较大的对象，如果在运行过程中，内存占用过大，对电池寿命会造成影响，如果...
iOS大图内存优化
u012338816的专栏
12-18 332
1.图片的基本格式和大小 sRGP, 广色域，下采样 2.绘制图片的几种方式 3.使用图形上下文绘图步骤要点：使用API 4.如何对比不同图片加载方式 5.如何实践和应用 关键词: CGContext 参考链接：iOS图片内存优化 ...
ios图像和图形最佳实践（三）
coding不死，也未曾凋零
06-19 6936
对于我们的app所附带的图片 苹果强烈建议我们使用图像素材来存储 图像素材针对基于名称和基于特征的查找进行了优化在素材目录中查找图片资源 会比搜索磁盘上的文件要快得多 如果主要将图像渲染到图形图像渲染器中 该图像可能使用超出SRGB色域的色彩空间值 并不需要更大的元素尺寸来存储这些信息 UIImage获取预构建的 UIGraphicsImageRenderFormat 对象的 image renderer format属性 最优化存储 Core Image 对图片实时进行大量的高级处理 ...
ios图像和图形最佳实践（二）
coding不死，也未曾凋零
06-19 6868
创建一个CGImageSource对象CGImageSourceCreate可以接受一个选项字典参数 我们这里要传递的重要选项参数是这个 ShouldCache标志这就告诉了 Core Graphics框架 我们只是在创建一个对象来表示存储在该URL的文件中的信息不要立即解码这个图像 只需创建一个表示它的对象 我们将需要来自此URL的信息然后我们将在水平和垂直轴上进行计算该计算基于期望的图片的大小 以及我们要渲染 还要预防线程爆炸cpu针对线程切换做了更多的工作......
高性能开发iOS应用的最佳实践
weixin_40584302的博客
08-08 27
1，全局变量的使用条件：登录后复制 • 没有被其他对象所持有; • 不是常量; • 整个应用中只有一个，而不是每个组件一个。1.2.3.2，单例的使用条件：登录后复制 • 队列操作(如日志和埋点) • 访问共享资源(如缓存) • 资源池(如线程池或连接池)1.2.3.3，单例使用的指导原则：登录后复制 • 尽可能地避...
iOS 图形图像、动画和多媒体编程技术最佳实践 [关东升，董玉萍 著] 2014年版
07-30
iOS 图形图像、动画和多媒体编程技术最佳实践 [关东升，董玉萍 著] 2014年版
iOS图形图像、动画和多媒体编程技术最佳实践配套源码
08-25
这些领域的最佳实践通常涉及到多个框架和技术，包括Core Graphics、UIKit、Core Animation、AVFoundation等。以下是这些技术的详细介绍： 1. **Core Graphics**：这是一个低级别的2D图形绘制框架，用于直接进行像素...
iOS图形图像及多媒体技术最佳实践
04-18
iOS图形图像及多媒体技术最佳实践 源码
iOS图形图像及多媒体技术最佳实践源码
08-19
在iOS开发中，图形图像和多媒体技术是提升用户体验的关键...以上就是iOS图形图像及多媒体技术的一些核心概念和最佳实践。通过深入研究这些技术并结合提供的源码，开发者可以构建出更加引人入胜、性能出色的iOS应用。
贪心算法（Greedy Algorithm）
Zaczc的博客
10-30 1475
贪心算法是一种在每一步选择中都做出当前最优解的算法，以期通过这些局部最优解，最终得到全局最优解。它的核心思想是贪心选择性质，即每一步都选择能带来最优解的那个选项，而不考虑后续步骤的影响。步骤：1、建立贪心选择标准：确定可以用来判断当前局部最优解的标准2、验证贪心选择性质：确保在局部最优的条件下，整体的解也是最优的3、问题缩小：将问题分解为子问题，并应用贪心策略qiuj4、构建解：根据每一步的选择构造最终的解。
Android和iOS有什么区别？
u011732210的博客
10-31 1887
Android 和 iOS 的区别
iOS灵动岛动画小组件怎么播放动画
IT_Scratch的博客
11-02 462
紧凑型，最小化，扩展型，还有锁屏位置。我们先来看一下我这边实现的动画效果。
macOS 开发环境配置与应用开发指南
Pioneer00001的博客
11-04 1190
配置 macOS 开发环境并进行应用开发是一个循序渐进的过程。通过本文的介绍，你应该已经掌握了如何在 macOS 上配置开发环境，并使用 Xcode 进行 macOS 应用开发。希望这篇文章能为你开启 macOS 应用开发的大门，祝你在开发过程中取得成功！参考资料Xcode 官方文档SwiftUI 官方文档Homebrew 官方网站。
C++__XCode工程中Debug版本库向Release版本库的切换
最新发布
11-06 260
C++ XCode的Debug和Release版本分别设置编译后，就分别得到了对应的lib库。
iOS图像与动画处理实战PDF指南
"iOS的图像和动画处理--pdf版"是一本由Vandad Nahavandipoor编写的关于iPhone和iOS平台图形与动画设计的专业指南。这本书是针对iOS开发者的实用教程，旨在深入探讨如何在苹果的移动操作系统中高效地创建视觉效果和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值