優(yōu)化一、善用重用標(biāo)識(shí)
這個(gè)屬于基礎(chǔ)知識(shí)范疇,就不再過(guò)度的講解了。只需了解使用 static 修飾重用標(biāo)識(shí)名稱能夠保證這個(gè)標(biāo)識(shí)只會(huì)創(chuàng)建一次陨溅,提高性能。接著就是調(diào)用dequeueReusableCellWithIdentifier:方法獲取緩存池中的Cell绍在。如果沒(méi)有就調(diào)用 initWithStyle:ReusIdentifier:方法創(chuàng)建一個(gè)新的Cell门扇。注意事先需要調(diào)用registerNib/registerClass方法為T(mén)ableView注冊(cè)一下重用標(biāo)識(shí)。
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (!cell) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
}
需要注意的是我們?cè)谧远xCell的時(shí)候需要盡量將相識(shí)度高的Cell合并為一種樣式的Cell偿渡。我們知道運(yùn)行在當(dāng)前設(shè)備屏幕中的Cell數(shù)量是有限的臼寄,設(shè)為N個(gè)。如果有M種樣式溜宽,那么基于Cell的重用機(jī)制吉拳,我們知道在緩存池中運(yùn)行最多時(shí)將有M*N個(gè)Cell的實(shí)例被創(chuàng)建,這顯然會(huì)占用大量的內(nèi)存适揉。
優(yōu)化二留攒、設(shè)置預(yù)估行高煤惩,預(yù)先緩存動(dòng)態(tài)行高
1. 設(shè)置預(yù)估行高
我們知道UITableView是通過(guò)設(shè)置UITableView代理方法heightForRowAtIndexPath:方法來(lái)設(shè)置行高。自從iOS8.0之后炼邀,蘋(píng)果新增了self-sizing cell的概念魄揉,也是cell可以自己計(jì)算行高,使用需要滿足三個(gè)條件:
(1) 使用Autolayout進(jìn)行UI布局約束
(2) 指定TableView的estimatedRowHeight屬性的默認(rèn)值
(3) 指定TableView的rowHeight的屬性為UITableViewAutomaticDimension拭宁。
TableView在加載數(shù)據(jù)時(shí)會(huì)先通過(guò)estimatedHeightForRowAtIndexPath處理全部數(shù)據(jù)洛退,此時(shí)我們只需要提供一個(gè)粗略的高度,待到cell對(duì)象創(chuàng)建之后再去設(shè)置cell的真實(shí)高度杰标。而且只會(huì)處理當(dāng)前屏幕范圍內(nèi)的cell兵怯,這樣子會(huì)顯著的提升加載的性能。
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return 50.0;
}
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath {
return 30.0;
}
2. 預(yù)先計(jì)算并緩存行高
自從iOS8.0之后在旱,TableView的數(shù)據(jù)源的調(diào)用時(shí)序也發(fā)生了變化摇零,下圖左邊為iOS7.0及之前的時(shí)序,右邊為iOS8.0及之后的時(shí)序:
從上圖我們可以很容易的分析出桶蝎,iOS8.0之后再獲取cell對(duì)象之后會(huì)再次調(diào)用heightForRowAtIndexPath: 方法獲取行高,這也就意味著我們其實(shí)可以先創(chuàng)建cell對(duì)象谅畅,之后再提供行高登渣。具體方法我們可以在cell類中添加layoutAttribute屬性,記錄相應(yīng)的UIEdgeInsets毡泻,然后在設(shè)置cell真實(shí)高度的時(shí)候返回胜茧。iOS7.0之前則是必須在cell對(duì)象創(chuàng)建之前先獲得所有Cell的高度。
優(yōu)化三仇味、減少Subviews層級(jí)呻顽、異步繪制、避免離屛渲染丹墨、使用hidden隱藏圖層
1. 減少圖層層級(jí)數(shù)
當(dāng)我們自定義了某個(gè)cell廊遍,并在cell上添加大量的系統(tǒng)控件后,在創(chuàng)建該cell對(duì)象時(shí)系統(tǒng)會(huì)調(diào)用底層接口進(jìn)行繪制贩挣,大量的添加操作會(huì)消耗很大的資源同時(shí)會(huì)影響渲染的性能喉前。
2. 異步繪制
解決因圖層層級(jí)多造成的性能問(wèn)題,我們可以通過(guò)重寫(xiě)drawReact:方法王财,調(diào)用Core Graphics框架中的API進(jìn)行異步繪制卵迂,提高效率。drawRect:本身是異步的绒净。另外drawRect:中大量的繪制操作也會(huì)造成內(nèi)存的增長(zhǎng)见咒,可以使用CAShapeLayer來(lái)代替。
3. 減少多于的繪制操作
在實(shí)現(xiàn)drawRect:方法的時(shí)候挂疆,他的參數(shù)rect就是我們需要繪制的區(qū)域改览,在rect范圍之外的區(qū)域不要繪制哎垦,否則會(huì)消耗相當(dāng)大的資源。
4. 圖片加載時(shí)機(jī)選擇
首先在Cell類中添加圖片應(yīng)該避免使用imageWithName:方法恃疯,因?yàn)樵摲椒〞?huì)將圖片緩存到內(nèi)存中漏设。而是應(yīng)該使用imageWithContensOfFile:方法來(lái)替換,該方法在圖片使用完后系統(tǒng)會(huì)自動(dòng)釋放資源今妄,并不會(huì)緩存下來(lái)郑口。另外結(jié)合SDWebImage框架的使用可以顯著的提高圖片加載的性能。
5. 避免動(dòng)態(tài)添加圖層
在cell中應(yīng)該盡量避免動(dòng)態(tài)創(chuàng)建圖層盾鳞。在初始化cell的時(shí)候一并將所有圖層預(yù)先創(chuàng)建好犬性,通過(guò)hidden屬性控制子圖層的顯示或隱藏,因?yàn)閱渭兊娘@示操作要比創(chuàng)建快的多腾仅。
6. 避免離屛渲染
- 為圖層設(shè)置遮罩(layer.mask)
- 設(shè)置圖層的 layer.masksToBounds/view.clipsToBounds屬性為T(mén)rue
- 設(shè)置圖層的 layer.allowsGroupOpacity的屬性為T(mén)rue和layer.opacity小于1.0
- 設(shè)置圖層陰影(layer.shadow)
- 設(shè)置圖層的 layer.shouldRasterize的屬性為T(mén)rue
- 具有 layer.cornerRadius, layer.edgeAntialiasingMask, layer.allowsAntialiasing的圖層
- 文本(任何種類乒裆,包括UILabel、CATextLayer推励、Core Text等)
- 使用CGContext在drawReact:方法中繪制
上述情況均會(huì)造成離屛渲染鹤耍。
什么是離屛渲染?我們知道iOS底層的渲染框架使用的是OpenGL ES验辞。OpenGL中稿黄,GPU渲染屏幕方式有兩種:當(dāng)前屏幕渲染(On-Screen Rendering)和離屛渲染(Off-Screen Rendering)。它們的區(qū)別是當(dāng)前屏幕渲染操作是在當(dāng)前顯示的屏幕緩沖區(qū)完成跌造,而離屛渲染會(huì)在另外一個(gè)新開(kāi)辟的緩沖區(qū)完成渲染操作杆怕。開(kāi)啟離屛渲染的代價(jià)就是需要新開(kāi)辟一塊新的緩沖區(qū),在渲染的過(guò)程中還會(huì)多次的切換上下文壳贪,這些都是很消耗性能的陵珍。
7. 圖片圓角優(yōu)化
- 使用貝塞爾曲線 + Core Graphics框架設(shè)置圓角
- (void)setImageCircularEdge:(UIImageView *)imageView {
//開(kāi)始對(duì)imageView進(jìn)行畫(huà)圖
UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);
//使用貝塞爾曲線畫(huà)出一個(gè)圓形圖
[[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];
[imageView drawRect:imageView.bounds];
imageView.image = UIGraphicsGetImageFromCurrentImageContext();
//結(jié)束畫(huà)圖
UIGraphicsEndImageContext();
}
- 使用貝塞爾曲線 + CAShapeLayer 設(shè)置圓角
- (void)setImageCircularEdge2:(UIImageView *)imageView {
UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:imageView.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:imageView.bounds.size];
CAShapeLayer *maskLayer=[[CAShapeLayer alloc] init];
//設(shè)置大小
maskLayer.frame = imageView.bounds;
//設(shè)置圖形樣子
maskLayer.path = maskPath.CGPath;
imageView.layer.mask = maskLayer;
}
8. 圖片陰影優(yōu)化
- (void)setImageShadow:(UIImageView *)imageView {
imageView.layer.shadowColor = [UIColor grayColor].CGColor;
imageView.layer.shadowOpacity = 1.0;
imageView.layer.shadowRadius = 2.0;
UIBezierPath *path=[UIBezierPath bezierPathWithRect:imageView.frame];
imageView.layer.shadowPath = path.CGPath;
}
優(yōu)化四、分屏加載數(shù)據(jù)违施,預(yù)先異步請(qǐng)求數(shù)據(jù)
在我們的項(xiàng)目開(kāi)發(fā)中列表視圖的應(yīng)用很多互纯,有時(shí)數(shù)據(jù)比較多的時(shí)候我們不可能一次加載所有數(shù)據(jù),這樣子會(huì)導(dǎo)致內(nèi)存的暴漲醉拓,同時(shí)用戶不一定會(huì)瀏覽完所有的信息伟姐,造成資源浪費(fèi)。這時(shí)我們可以通過(guò)分屏加載來(lái)解決這個(gè)問(wèn)題亿卤,比如第一次加載10條數(shù)據(jù)愤兵,當(dāng)我向上滑動(dòng)列表的時(shí)候通常我們會(huì)再次去請(qǐng)求數(shù)據(jù)接口獲取下一個(gè)10條數(shù)據(jù)。這個(gè)時(shí)候如果我們不做任何的處理排吴,那么我們會(huì)發(fā)現(xiàn)每次劃過(guò)10條數(shù)據(jù)的時(shí)候列表都需要停頓一下秆乳,等待數(shù)據(jù)加載。這樣子我們的列表就表現(xiàn)的不是很流暢了,怎么解決這個(gè)問(wèn)題呢屹堰?
提前異步預(yù)加載數(shù)據(jù)肛冶!第一次加載完10條數(shù)據(jù)之后我可以再預(yù)先加載下10條數(shù)據(jù),當(dāng)劃過(guò)第10條數(shù)據(jù)時(shí)扯键,我再請(qǐng)求下下10條數(shù)據(jù)睦袖。這樣子我們的列表就表現(xiàn)的很流暢了。
優(yōu)化五荣刑、滑動(dòng)TableView時(shí)馅笙,按需加載內(nèi)容
有些情況下我們可能會(huì)去快速的滑動(dòng)列表,這時(shí)候其實(shí)會(huì)有大量的cell對(duì)象被創(chuàng)建厉亏、被重用董习,其實(shí)我們可能只是去瀏覽列表停止的那一頁(yè)的上下一定范圍內(nèi)的信息,前面快速劃過(guò)的那些信息對(duì)我們來(lái)說(shuō)都是無(wú)用的爱只。有什么方法讓我們只去加載我最后那頁(yè)的目標(biāo)范圍內(nèi)的列表數(shù)據(jù)呢皿淋?那就是通過(guò)ScrollView的代理方法scrollViewWillEndDragging:withVelocity:targetContentoffset:來(lái)實(shí)現(xiàn)的。
#pragma mark - UIScrollViewDelegate
//按需加載 - 如果目標(biāo)行與當(dāng)前行相差超過(guò)指定行數(shù)恬试,只在目標(biāo)滾動(dòng)范圍的前后指定3行加載窝趣。
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {
NSIndexPath *targetPath = [_myTableView indexPathForRowAtPoint:CGPointMake(0, targetContentOffset->y)];
NSIndexPath *firstVisiblePath = [[_myTableView indexPathsForVisibleRows] firstObject];
NSInteger skipCount = 8;
if (labs(firstVisiblePath.row - targetPath.row)> skipCount) {
NSArray *temp = [_myTableView indexPathsForRowsInRect:CGRectMake(0, targetContentOffset->y, _myTableView.frame.size.width, _myTableView.frame.size.height)];
NSMutableArray *arr = [NSMutableArray arrayWithArray:temp];
if (velocity.y<0) {
NSIndexPath *indexPath = [temp lastObject];
if (indexPath.row+33) {
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-3 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-2 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-1 inSection:0]];
}
}
[_dataList addObjectsFromArray:arr];
}
}
targetContentOffset 是TableView減速到停止的地方, velocity 表示速度向量。
優(yōu)化六忘渔、Cell類中應(yīng)該避免請(qǐng)求網(wǎng)絡(luò)加載數(shù)據(jù)
如果確實(shí)有需求不可避免高帖,可以將網(wǎng)絡(luò)加載任務(wù)添加到Runloop中,設(shè)置DefaultRunloopModule模式畦粮。這樣子可以起到延遲加載的作用。
優(yōu)化七乖阵、在willDisplayCell:forRowAtIndexPath:代理方法中綁定數(shù)據(jù)
初學(xué)iOS的時(shí)候宣赔,各類教程以及書(shū)籍中都喜歡在cellForRowAtIndexPath:方法中綁定數(shù)據(jù),然后此時(shí)的Cell其實(shí)還未顯示瞪浸,該方法中包含了大量的布局儒将、繪制相關(guān)的操作。我們應(yīng)該在該方法中盡量簡(jiǎn)化我們自身的邏輯操作对蒲。這時(shí)我們可以使用在willDisplayCell:forRowAtIndePath:方法中綁定數(shù)據(jù)钩蚊。
#pragma mark - UITableViewDataSource
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *cellIdentifier = @"MyTableViewCell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (!cell) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
}
return cell;
}
#pragma mark - UITableViewDelegate
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
NSDictionary *dict = self.dataList[indexPath];
[cell updateData:dict];
}