UITableView中大图片加载时卡顿问题
我的UITableView中有若干UIButton，图片存放于本地硬盘，读取到内存后放进UIButton展示。
子线程负责从文件读入图片到内存，主线程用setImage:forState:展示。由于setImage:forState:耗时较长且在主线程，导致Table拖动起来较卡。代码如下（UIButton上的扩展）：
- (void)asyncLoadImageAtPath:(NSString *)fullPath forState:(UIControlState)state
{
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
UIImage *image = [[UIImage alloc] initWithContentsOfFile:fullPath];
dispatch_async(dispatch_get_main_queue(), ^{
[self setImage:image forState:state];
});
});
}
后将setImage:forState:移入子线程，卡是不卡了，但是setImage:forState线程不安全，setImage:forState调用两秒后才会被显示。代码改为：
- (void)asyncLoadImageAtPath:(NSString *)fullPath forState:(UIControlState)state
{
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
UIImage *image = [[UIImage alloc] initWithContentsOfFile:fullPath];
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{
[self setImage:image forState:state];
});
});
}
QQ电影票中存于本地的大图拖起来不卡，且看起来是线程安全的。不知是怎么做的？
解决：最后读图重画成小尺寸一个线程，渲染一个线程，性能和自带的Photos差不多
哲学系政委
11 years, 2 months ago
Answers
最近从4s换回3GS，测试TavleView插图非常卡，于是测试了一下，发现initWithContentsOfFile并不是造成卡顿的主凶。因为这个动作本来就不在main queue里边的。而setImage必须是在main queue。于是写代码在本地生成一些更小的缩略图例如原本240px的直接缩放成80px，发现会快得多。
我的解决方法是：
1、写代码在http下载图片的complete block里面顺便把图片缩放成另外一个大小，另存一份。
2、cell for row代码：
//先把id记录下来，这是在cell里面加的property
cell.objectIdforThisCell=**这个cell所代表的对象的id**;
//在这个block里面的id，到这一步是设置为cell.objectIdforThisCell一样的
NSString *blockObjectid=cell.objectIdforThisCell;
dispatch_async(imagequeue, ^{
UIImage *image = [[UIImage alloc] initWithContentsOfFile:小图文件path];
dispatch_async(dispatch_get_main_queue(),
^{
[self setImage:image forState:state];
});
image = [[UIImage alloc] initWithContentsOfFile:大图文件path];
dispatch_async(dispatch_get_main_queue(),
^{
if ([cell.objectIdforThisCell isEqualToString:blockObjectid]) {
//关键在这里，当列表拖动速度很快的时候，cell的property已经被修改（因为reuse了），但是blockObjectid在这个线程里面还是旧的。
//当它们****不相等****，这个cell就是刷太快而被另外一个线程用上了，也就是说，这张大图已经不再需要输出到cell里面了（被另外一个线程的另外一张图冲掉了）
//这样一来，在列表快速拖动的时候，瞬间把低清晰的图像给贴上去，等拖动速度慢下来之后，再贴高清晰的图，用户也感觉不出来，也不卡了。
[self setImage:image forState:state];
}
});
});
dispatch_release(imagequeue);
把图片变小:
CGSize newSize=CGSizeMake(80, 80); UIGraphicsBeginImageContextWithOptions(newSize, NO, 0.0); [img drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)]; newImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext();
白銀色D指輪
answered 11 years, 2 months ago