APP 资源管理优化

文章首发微信公众号 fgyong的开发日记

在APP中,使用 X1、X2、X3已经是司空见惯的事情了,网上出了清空不再使用的图片和类,是不是做完这些不能再进一步优化了,答案是否定的,当然可以的,今天再探究一下资源管理优化。

资源大部分是图片,说到图片必须讲一下位图和矢量图

位图

位图图像(bitmap),亦称为点阵图像或栅格图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐。

矢量图

矢量图,也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合。

说人话

位图就是无数个点组成的图片,基本元素是像素;矢量图有多个图形组成的,基本元素是图像。当相同尺寸的位图和矢量图绘制在大屏幕上,位图的弊端出现了,图像看着像素颗粒很大,而矢量图基本效果还是很好的。

矢量图在绘制到不同的屏幕上有着天然的优势。

开始使用矢量图

在Xcdoe 9、iOS11 中已经开始支持了矢量图,只需要设置打钩Preserve Cector Dadta。

image

前提图片格式是矢量图哦

矢量图在资源大小中相比和一倍、两倍、三倍图总和,大小下降60%,这算是不错的提升了。

Stretchable Images

从iOS11、Xcode 9就开始支持了该工具,该工具可实现在building中将图片元数据格栅化,儿不是在运行时处理,降低图片在显示时候的CPU压力。
当渲染的尺寸大于当前的尺寸的时候才会重新渲染,否则使用优化过的预渲染位图。
效果是这样子的

image

Slicing

Slices
  • None 无
  • Horizontal 水平
  • Vertical 竖直
  • Horizontal and Vertical 水平和竖直
Center
  • Tiles 平铺
  • Streches 拉伸

使用这两组参数可以达到绝大部分需求了

image

当我们使用下图这种图片,提前和UI讲清楚,作出一个小图,在设备上使用Stretchable Images功能,可以达到大图的效果。

image

白色部分表示可拉伸和舍弃的


image

最终效果是这样的

[图片上传失败...(image-e69625-1575532167202)]

????????

更多用法可以参考WWDC2018/227

Bundle

大项目可能会有很多框架,当多个框架使用的图片名字发生重复时,使用Bundle是不错的选择,Bundle相当于文件夹,相同Bundle下边没有重复的文件即可。

// Get the app's main bundle
let mainBundle = Bundle.main

//获取本地Bundle 图片
let me = Bundle.init(identifier: "me")
let path = me?.path(forResource: "fgyong.cn 技术博客", ofType: "png")

Namespace

当APP有50个类似的功能,但是每个功能都用类似的图片,那么他们名字也一致,我们使用Namespace来解决这个问题。

image

使用起来也是很简单

let image = UIImage(named: "me/4.png")

APP Thining

Memory Classes && Graphics Classes

使用内存和Metal来适配不同机型,达到最优性能。

image

首先机型先去找4GB的资源,4GB没找到,则向下寻找3GB,一直寻找到1GB对应的资源。

内存和GPU相比,内存有着更高的优先级,我们确定内存是表现设备整体性能的标准。

NSSData set

Data set容器可以放任何东西。
可以是plist文件,可以是video、可以是mp3,可以是其他任何格式的文件。

open class func preloadTextureAtlasesNamed(_ atlasNames: [String], withCompletionHandler completionHandler: @escaping (Error?, [SKTextureAtlas]) -> Void)

使用该函数立刻调用大量I/O和内存来解码或读入数据,预先放在内存中,你需要在紧急需要的时候调用该函数。不要随意调用该API,以为它会按照你说的立马去做!??????当你调用该函数,请确保立即使用资源,否则API会消耗大量的I/O和内存来加载所有这些图像。

Sprite Atlases强大之处是会根据不同设备和屏幕来渲染不同的图像,并传送到正确的设备。

总结

image
  • 在iOS12上采用最新的算法,这些图像资源会减少10%-20%的空间,
  • 使用Xcode的资源目录是不错的选择

广告时间

?著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,100评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,308评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事?!?“怎么了?”我有些...
    开封第一讲书人阅读 159,718评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,275评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,376评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,454评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,464评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,248评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,686评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,974评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,150评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,817评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,484评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,140评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,374评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,012评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,041评论 2 351

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,094评论 1 32
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,837评论 0 5
  • 图片在计算机中如何存储和表示? 常见的图片格式 JPEG 是目前最常见的图片格式,它诞生于1992年,是一个很古老...
    流河虾米阅读 7,569评论 1 17
  • 昨天下午,实行村民自治的柏杨村选举产生新一届村主任。28岁,大学毕业在外工作几年,专门回来参选的黄大强以最高票数当...
    柏杨村阅读 622评论 0 2
  • 系上吧 为你织的牵挂千丝万缕情丝长 相伴到天涯此去一路无故人谁能陪你把酒话桑麻 彼岸花香景如画 盛开着繁华熟悉...
    雪吹西门诗阅读 247评论 0 0