优化UITableView滚动性能

原创 2014年05月10日 11:28:48

自定义的cell如下:


第一个:Instruments测试,iphone4 38fps-45fps,iphone3G 25fps

// table with normal XIB based cells
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"CustomCell";

CustomCell *cell = (CustomCell*)[tableView dequeueReusableCellWithIdentifier: CellIdentifier];
if (cell == nil) {

NSArray *nib = [[UINib nibWithNibName:@"CustomCell" bundle:nil] instantiateWithOwner:self options:nil];
cell = (CustomCell*)[nib objectAtIndex:0];
}

// other initialization goes here
    cell.titleLabel.text = [NSString stringWithFormat:@"Row %d", indexPath.row];
    cell.subTitleLabel.text = [NSString stringWithFormat:@"Row %d", indexPath.row];
    cell.timeTitleLabel.text = @"yesterday";
    cell.thumbnailImage.image = [UIImage imageNamed:@"iOS6"];

    cell.selectionStyle = UITableViewCellSelectionStyleNone;

return cell;
}


第二个,优化之后的代码为,Instruments测试 iphone 4/iphone 4s接近60帧每秒

// table with with built in cells
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"Cell";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
    }

    // Configure the cell...
    cell.textLabel.text = [NSString stringWithFormat:@"Row %d", indexPath.row];
    cell.detailTextLabel.text = [NSString stringWithFormat:@"Row %d", indexPath.row];

    cell.imageView.image = [UIImage imageNamed:@"ios5"];

    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    return cell;
}

第三,使用Loren Bricher提供的技术,几乎每台设备都达到了60fps,包括iphone3G

Loren BricherTwitter中写了关于Tweetie中流畅滚动的内容。以下代码就是使用Loren提供的技术来为UITableView创建自定义表单元。

// table with with custom drawn cells
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"CustomDrawnCell";

CustomDrawnCell *cell = (CustomDrawnCell*)[tableView dequeueReusableCellWithIdentifier: CellIdentifier];
if (cell == nil) 
{
cell = [[CustomDrawnCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
}

    [cell setTitle:[NSString stringWithFormat:@"Row %d", indexPath.row] 
          subTitle:[NSString stringWithFormat:@"Row %d", indexPath.row] 
              time:@"yesterday"
         thumbnail:[UIImage imageNamed:@"ios5"]];

// other initialization goes here
return cell;
}


ABTableViewCell

#import <UIKit/UIKit.h>

// to use: subclass ABTableViewCell and implement -drawContentView:

@interface ABTableViewCell : UITableViewCell
{
UIView *contentView;
}

- (void)drawContentView:(CGRect)r; // subclasses should implement

@end
#import "ABTableViewCell.h"

@interface ABTableViewCellView : UIView
@end

@implementation ABTableViewCellView

- (void)drawRect:(CGRect)r
{
[(ABTableViewCell *)[self superview] drawContentView:r];
}

@end

@implementation ABTableViewCell

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
if ((self = [super initWithStyle:style reuseIdentifier:reuseIdentifier])) {
contentView = [[ABTableViewCellView alloc]initWithFrame:CGRectZero];
contentView.opaque = YES;
[self addSubview:contentView];
}
return self;
}

- (void)setFrame:(CGRect)f
{
[super setFrame:f];
CGRect b = [self bounds];
b.size.height -= 1; // leave room for the seperator line
[contentView setFrame:b];
}

- (void)setNeedsDisplay
{
[super setNeedsDisplay];
[contentView setNeedsDisplay];
}

- (void)drawContentView:(CGRect)r
{
// subclasses should implement this
}

@end


CustomDrawCell

#import <UIKit/UIKit.h>
#import "ABTableViewCell.h"

@interface CustomDrawnCell : ABTableViewCell  {

    NSString *_title;
    NSString *_subTitle;
    NSString *_timeTitle;
    UIImage *_thumbnail;
}

- (void)setTitle:(NSString*) title subTitle:(NSString*) subTitle time:(NSString*) time thumbnail:(UIImage *)aThumbnail;

@end
#import "CustomDrawnCell.h"

@implementation CustomDrawnCell

static UIFont *titleFont = nil;
static UIFont *subTitleFont = nil;
static UIFont *timeTitleFont = nil;

- (void)setTitle:(NSString*) aTitle subTitle:(NSString*) aSubTitle time:(NSString*) aTimeTitle thumbnail:(UIImage *)aThumbnail
{
    if (_title != aTitle) {
        _title = aTitle;        
    }

    if (_subTitle != aSubTitle) {
        _subTitle = aSubTitle;
    }

    if (_timeTitle != aTimeTitle) {
        _timeTitle = aTimeTitle;
    }

    if (_thumbnail != aThumbnail) {
        _thumbnail = aThumbnail;        
    }

    [self setNeedsDisplay];
}

+(void) initialize
{
    titleFont = [UIFont systemFontOfSize:17];
    subTitleFont = [UIFont systemFontOfSize:13];
    timeTitleFont = [UIFont systemFontOfSize:10];
}

+(void) dealloc
{
    [super dealloc];
}

-(void) drawContentView:(CGRect)r
{    
    static UIColor *titleColor;    
    titleColor = [UIColor darkTextColor];
    static UIColor *subTitleColor;    
    subTitleColor = [UIColor darkGrayColor];
    static UIColor *timeTitleColor;    
    timeTitleColor = [UIColor colorWithRed:0 green:0 blue:255 alpha:0.7];

    CGContextRef context = UIGraphicsGetCurrentContext();

    if(self.highlighted || self.selected)
{
CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
CGContextFillRect(context, CGRectMake(0, 0, self.frame.size.width, self.frame.size.height));
CGContextSetFillColorWithColor(context, titleColor.CGColor);
}
else
{
CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
CGContextFillRect(context, CGRectMake(0, 0, self.frame.size.width, self.frame.size.height));
CGContextSetFillColorWithColor(context, titleColor.CGColor);
}

    [titleColor set];
    [_thumbnail drawInRect:CGRectMake(12, 4, 35, 35)];
    [_title drawAtPoint:CGPointMake(54, 3) 
                    forWidth:200 
                    withFont:titleFont 
                    fontSize:17 
               lineBreakMode:UILineBreakModeTailTruncation 
          baselineAdjustment:UIBaselineAdjustmentAlignCenters];    

    [subTitleColor set];
    [_subTitle drawAtPoint:CGPointMake(54, 23) 
               forWidth:200 
               withFont:subTitleFont 
               fontSize:13 
          lineBreakMode:UILineBreakModeTailTruncation 
     baselineAdjustment:UIBaselineAdjustmentAlignCenters];    

    [timeTitleColor set];
    [_timeTitle drawAtPoint:CGPointMake(262, 3) 
                  forWidth:62 
                  withFont:timeTitleFont 
                  fontSize:10 
             lineBreakMode:UILineBreakModeTailTruncation 
        baselineAdjustment:UIBaselineAdjustmentAlignCenters];    

}
@end

具体源码在这里

UITableView的性能优化,提升列表滚动的流畅性

本篇博客目的是:总结UITableView性能优化方向,有些优化方式是我在开发中使用到过的,有些是没有用到过的,当中也有参考、查看很多大神的总结,这才有了本篇博客,仅供大家参考!...
  • qq_27484549
  • qq_27484549
  • 2015年09月20日 01:55
  • 2979

老生常谈之UITableView的性能优化

新的一年开始了,新的工作也开始了,刚过完年回来,感觉节后综合征还是很严重的~今早差点迟到。。。废话不多说,今天就来说说iOS最常用的控件-UITableView,基本用法就不多说了,大家应该都知道,当...
  • hmh007
  • hmh007
  • 2017年02月07日 11:11
  • 4303

如何不让UITableView滚动

self._UITableView.scrollEnabled = NO;
  • dadalan
  • dadalan
  • 2009年05月19日 17:01
  • 22572

js惰性载入-性能-滚轮事件

js性能优化,滚轮事件
  • nbin2008
  • nbin2008
  • 2016年03月15日 23:37
  • 385

UITableView滚动优化

影响 UITableView 滚动的流畅性的原因 1、 在代理方法中做了过多的计算占用了 UI 线程的时间 2、同上 3、Cell 中 view 的组织复杂 关于第一点,首先要明白 t...
  • Miss_Peanut
  • Miss_Peanut
  • 2015年03月26日 16:18
  • 262

UITableView 滚动流畅性优化

影响 UITableView 滚动的流畅性的原因 1、 在代理方法中做了过多的计算占用了 UI 线程的时间 2、同上 3、Cell 中 view 的组织复杂 关于第一点,首先要明白 t...
  • smk524198002
  • smk524198002
  • 2014年04月03日 11:53
  • 623

UITableVIew 滚动流畅性优化

影响UITableViewUITableView滚动的流畅性原因: 1、 在代理方法中做了过多的计算占用了 UI 线程的时间 2、同上 3、Cell 中 view 的组织复杂,比如使用lay...
  • enuola
  • enuola
  • 2014年12月15日 14:17
  • 2662

优化UITableView滚动速度

在iOS应用中,UITableView应该是使用率最高的视图之一了。iPod、时钟、日历、备忘录、Mail、天气、照片、电话、短信、Safari、App Store、iTunes、Game Cente...
  • tongzhitao
  • tongzhitao
  • 2012年08月07日 16:55
  • 2891

使用UITableview实现横向滚动

#import "ViewController.h"#define FYColor(r,g,b) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blu...
  • fyanyan
  • fyanyan
  • 2015年12月21日 15:36
  • 2136

UITableView滚动流畅性优化

在论坛里看到的,现在转载分享给大家,希望可以给大家带来帮助。 一、UITableView的执行流程 这里指出了影响其性能的代理方法heightForRowAtIndexPath和cellFor...
  • quanqinayng
  • quanqinayng
  • 2014年02月20日 17:53
  • 1730
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:优化UITableView滚动性能
举报原因:
原因补充:

(最多只允许输入30个字)