先說下背景夹攒，項(xiàng)目里需要繪制音樂和視頻的波形圖，由于產(chǎn)品上的設(shè)計(jì)胁塞，波形圖的長度基本都可以達(dá)到屏幕長度的幾十倍咏尝。并且圖形并不是折線圖而是柱狀圖，還要跟隨音樂音量變化啸罢，所以圖形肯定是無法直接拉伸擠壓的编检，所以當(dāng)時(shí)為了性能和內(nèi)存方面的考慮，嘗試了很多方案扰才。
UIImage：
使用UIGraphicsGetImageFromCurrentImageContext方法將繪制的圖形生成圖片允懂。
這種方式適用于圖片不長并且圖片不變的情況。
優(yōu)點(diǎn)：可在子線程繪制衩匣，方便緩存蕾总。
缺點(diǎn)：占用內(nèi)存大，繪制不夠高效琅捏。
PS：注意此方法有個(gè)隱患生百，因?yàn)橄到y(tǒng)會(huì)對設(shè)置給UIImageView的圖片進(jìn)行緩存，如果一直調(diào)用柄延，即使是完全相同的圖片蚀浆，也會(huì)產(chǎn)生內(nèi)存占用。
示例：
- (UIImage*) drawImageFromCreaterWithMinValue:(int)minValue
MaxValue:(int)maxValue {
CGSize imageSize = CGSizeMake(imageWidth, imageHeigh);
UIGraphicsBeginImageContextWithOptions(imageSize, NO, 0);
CGContextRef context = UIGraphicsGetCurrentContext();
//假裝有繪制代碼
…………………………
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return newImage;
CALayer ：
layer的基類搜吧，重寫drawInContext方法進(jìn)行進(jìn)行繪制市俊。
優(yōu)點(diǎn)：量級輕（實(shí)在想不到優(yōu)點(diǎn)）。
缺點(diǎn)：主線程繪制赎败，繪制不夠高效 秕衙。
示例：
//子類重寫drawInContext方法
- (void)drawInContext:(CGContextRef)ctx {
UIGraphicsPushContext(ctx);
[self drawSomthing];
UIGraphicsPopContext();
}
CATiledLayer：
layer的子類，專門用于繪制大圖的方案僵刮，系統(tǒng)底層已進(jìn)行過優(yōu)化据忘，子線程繪制，并且不會(huì)繪制屏幕外的內(nèi)容搞糕∮碌酰可將大圖分割成若干個(gè)更小的單元進(jìn)行繪制，可通過tileSize設(shè)置單個(gè)繪制單元的大小窍仰。
優(yōu)點(diǎn)：子線程繪制汉规，性能極好。
缺點(diǎn)：繪制較緩慢，能控制的變量較少针史。
示例：
與CALayer用法一致晶伦，可設(shè)置額外屬性
CGSize tileSize = CGSizeMake(w, h);
layer.tileSize = tileSize; //設(shè)置單次繪制的單元
YYAsyncLayer：
知名的異步繪制的第三方控件，是CALayer的子類啄枕，內(nèi)部創(chuàng)建了隊(duì)列進(jìn)行管理婚陪，能將繪制的操作轉(zhuǎn)換為異步操作，并且引入了RunLoop機(jī)制進(jìn)行管理频祝，只在RunLoop空閑的時(shí)候才進(jìn)行刷新操作泌参。
優(yōu)點(diǎn)：子線程繪制，性能很高常空，不阻塞用戶操作沽一。
缺點(diǎn)：因?yàn)橹辉诳臻e時(shí)執(zhí)行，圖形刷新不及時(shí)漓糙。
示例：
+ (Class)layerClass {
return YYAsyncLayer.class;
}
- (YYAsyncLayerDisplayTask *)newAsyncDisplayTask {
YYAsyncLayerDisplayTask *task = [YYAsyncLayerDisplayTask new];
task.willDisplay = ^(CALayer *layer) {
//...
};
__weak typeof(self) weakSelf = self;
task.display = ^(CGContextRef context, CGSize size, BOOL(^isCancelled)(void)) {
if (isCancelled()) return;
//繪制的代碼寫在這里
};
task.didDisplay = ^(CALayer *layer, BOOL finished) {
if (finished) {
// finished
} else {
// cancelled
}
};
return task;
}
CAShapeLayer + UIBezierPath：
layer的子類铣缠，CAshapeLayer能在GPU上渲染，性能很高昆禽，繪制速度很快攘残，而且曲線繪制既能選擇在主線程繪制，也能選擇在子線程繪制为狸。
優(yōu)點(diǎn)：無論子線程還是主線程都可繪制，且性能很高遗契。
缺點(diǎn)：曲線路徑量大的話辐棒，還是影響性能。
示例：
UIBezierPath* wavePath = [self drawLayerPath];
CAShapeLayer *shaperlayer = [[CAShapeLayer alloc]init];
shaperlayer.path = wavePath.CGPath;
最終還是選擇了CAShapeLayer + UIBezierPath方案牍蜂，但是因?yàn)橐舨〝?shù)據(jù)量特別大（每秒40個(gè)音頻數(shù)據(jù)）漾根，導(dǎo)致多個(gè)圖形頻繁刷新的時(shí)候發(fā)熱十分嚴(yán)重，而且也出現(xiàn)了卡頓的情況鲫竞。
為了優(yōu)化辐怕，最后又加入了分屏繪制的邏輯：
藍(lán)色區(qū)域表示屏幕區(qū)域，紅色表示繪制的區(qū)域从绘，黑色線條表示臨界邊寄疏，
整體邏輯：
0、轉(zhuǎn)換坐標(biāo)為窗體坐標(biāo)僵井。
1陕截、判斷是否有上次繪制的位置，沒有則直接繪制批什。
2农曲、繪制完成后保存當(dāng)前位置為繪制位置，計(jì)算出黑色臨臨界區(qū)域驻债。
3乳规、滑動(dòng)視圖的過程中判斷滑動(dòng)位置是否超出了黑線區(qū)域形葬，超出則重新進(jìn)行繪制。
4暮的、重復(fù)2笙以、3。
