我正在为iPhone / iPad制作一款通用应用程序,似乎以下代码存在很多延迟:
CALayer *imageLayer = [cell.myImageView layer];
[imageLayer setMasksToBounds:YES];
[imageLayer setCornerRadius:6.0];
奇怪的是iPhone版本没有滞后,而iPad版本有一些滞后。我在两个设备之间的代码没有区别,但是如果我注释掉上面的代码,那么两个设备上的一切似乎都没问题。但是,我仍然希望在我的UIImageView上使用圆角,“myImageView”。
我只在第一次单元初始化期间在cellForRowAtIndexPath中执行该位代码,因为我的所有单元都是相同的。
有谁知道为什么会这样?
谢谢!
答案 0 :(得分:1)
CALayer操作正在使用大量的CPU功率来绘制。
所以最好的解决方案是使用核心图形绘制图像。 Loren Brichter是第一个向我们展示如何:
这是他的ABTableViewCell标题(.h)文件的代码
// Copyright (c) 2008 Loren Brichter
//
// Permission is hereby granted, free of charge, to any person
// obtaining a copy of this software and associated documentation
// files (the "Software"), to deal in the Software without
// restriction, including without limitation the rights to use,
// copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following
// conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
// OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
// HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
// WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
// OTHER DEALINGS IN THE SOFTWARE.
//
// ABTableViewCell.h
//
// Created by Loren Brichter
// Copyright 2008 Loren Brichter. All rights reserved.
//
#import <UIKit/UIKit.h>
// to use: subclass ABTableViewCell and implement -drawContentView:
@interface ABTableViewCell : UITableViewCell
{
UIView *contentView;
}
- (void)drawContentView:(CGRect)r; // subclasses should implement
@end
这是inslementation(.m)文件的代码:
// Copyright (c) 2008 Loren Brichter
//
// Permission is hereby granted, free of charge, to any person
// obtaining a copy of this software and associated documentation
// files (the "Software"), to deal in the Software without
// restriction, including without limitation the rights to use,
// copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following
// conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
// OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
// HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
// WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
// OTHER DEALINGS IN THE SOFTWARE.
//
// ABTableViewCell.m
//
// Created by Loren Brichter
// Copyright 2008 Loren Brichter. All rights reserved.
//
#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
现在您需要做的是使用Core Graphics在drawContentView方法中绘制单元格。
以下是我正在使用的App中使用的代码的一部分:
CALayer *cellLayer = [[CALayer alloc] init];
CGRect cellFrame = self.bounds;
CGRect layerFrame = CGRectInset(cellFrame, 3, 3);
cellLayer.frame = cellFrame;
cellLayer.contentsScale = [[UIScreen mainScreen] scale];
//round corners in Core Graphics (much faster than using the CALayer cornerRadius)
UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, [[UIScreen mainScreen] scale]);
CGContextRef imgContext = UIGraphicsGetCurrentContext();
CGContextSaveGState(imgContext);
//create the rounded rectangle to draw the image in
CGPathRef clippingPath = [UIBezierPath bezierPathWithRoundedRect:layerFrame cornerRadius:6.0f].CGPath;
CGContextAddPath(imgContext, clippingPath);
CGContextClip(imgContext);
CGDataProviderRef imgDataProvider = CGDataProviderCreateWithCFData((__bridge CFDataRef)[NSData dataWithContentsOfFile:ImageName]);
CGImageRef imageRef = CGImageCreateWithJPEGDataProvider(imgDataProvider, NULL, true, kCGRenderingIntentDefault);
CGDataProviderRelease(imgDataProvider);
CGContextDrawImage (imgContext, layerFrame, imageRef);
CGImageRelease(imageRef);
CGContextRestoreGState(imgContext);
//draw white outline
CGPathRef path = [UIBezierPath bezierPathWithRoundedRect:CGRectInset(cellFrame, 3, 3) cornerRadius:6.0f].CGPath;
CGContextAddPath(imgContext, path);
CGContextSetLineWidth(imgContext, 2.0);
CGContextSetRGBStrokeColor(imgContext,1,1,1,1);
CGContextStrokePath(imgContext);
// Get the image from the context
UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
cellLayer.contents = (__bridge id)img.CGImage;
要使用自定义单元格,您需要以这种方式在tableView CellForRowAtIndexPath数据源方法中初始化它:
static NSString *CellIdentifier = @"TableCell";
ABTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[ABTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
}
另外请记住,由于您正在进行自定义绘图,因此当您使用以下内容修改自己的内容时,您需要始终重新查看单元格视图:
[cell setNeedsDisplay];