APP资源管理优化

文章的第一个微信公众号

在APP中，X1、X2和X3的使用已经司空见惯。Empting不再使用的图片和课程已经在互联网上发布。是否无法进一步优化它们？答案当然是否定的。今天我们将探讨资源管理的优化。

大多数资源都是图片。说到图片，我们必须谈论位图和矢量图像

位图

位图图像，也称为点阵图像或光栅图像，由称为像素（图片元素）的单个点组成。这些点可以不同地排列和着色以形成图案。放大位图时，可以看到组成整个图像的无数个方块。放大位图大小的效果是增加单个像素，从而使线条和形状看起来不均匀。

矢量图

矢量图，也称为面向对象图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个独立的实体，具有颜色、形状、轮廓、大小和屏幕位置等属性。

矢量图是根据几何特征绘制的图形。向量可以是点或线。矢量图只能由软件生成。该文件占用较少的内部空间，因为这种类型的图像文件包含独立的分离图像，可以自由且无限制地重新组合。

说一些合理的话。

位图是由无数点组成的图片，基本元素是像素；矢量地图由多个图形组成，基本元素是图像。当在大屏幕上绘制相同大小的位图和矢量图像时，位图的缺点就会显现出来。图像看起来像一个大像素颗粒，而矢量图像的基本效果仍然很好。

矢量图形在绘制不同屏幕时具有天然的优势。

矢量图形入门

Xcdoe 9和iOS 11已经支持矢量图形。您只需要设置“保存医生达达”复选框。

形象

前提是图像格式是矢量

与资源大小的一倍、二倍和三倍之和相比，向量图的大小减少了60%，这是一个很好的改进。

可拉伸图像

该工具自iOS 11和Xcode 9以来一直受到支持。它可以在构建时网格化图像元数据，而不是在运行时处理它，并减少显示图像时的CPU压力。

当渲染大小大于当前大小时，将重新渲染。否则，将使用优化的预渲染位图。

效果是这样的

形象

切片

片

没有一个

水平的

竖的

水平和垂直

居中

瓷砖

拉伸拉伸

使用这两组参数可以满足大多数要求

形象

当我们使用下图所示的图像时，我们可以提前向UI清楚地解释它，制作一个小图像，并在设备上使用可拉伸图像来实现大图像的效果。

形象

白色部分表示可拉伸和可丢弃

形象

最终效果如下

[图像上载失败…（Image-e69625-1575532167202）]