iPhone SDK: рендеринг CGLayer в объект изображения - PullRequest
Новая
       13

iPhone SDK: рендеринг CGLayer в объект изображения

0 голосов
/ 05 марта 2010

Я пытаюсь добавить изогнутую рамку вокруг загруженного изображения и отображать его в UITableViewCell.

В большом представлении (то есть одно изображение на экране) у меня есть следующее: 

productImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:product.image]];
[productImageView setAlpha:0.4];

productImageView.frame = CGRectMake(10.0, 30.0, 128.0, 128.0);
CALayer *roundedlayer = [productImageView layer];
[roundedlayer setMasksToBounds:YES];
[roundedlayer setCornerRadius:7.0];
[roundedlayer setBorderWidth:2.0];
[roundedlayer setBorderColor:[[UIColor darkGrayColor] CGColor]];
[self addSubview:productImageView];

В ячейке табличного представления для быстрой прокрутки необходимо нарисовать изображение в методе drawRect объекта UIView, который затем добавляется в пользовательскую ячейку.

так в drawRect 

- (void)drawRect:(CGRect)rect {

...

point = CGPointMake(boundsX + LEFT_COLUMN_OFFSET, UPPER_ROW_TOP);

//CALayer *roundedlayer = [productImageView layer];
//[roundedlayer setMasksToBounds:YES];
//[roundedlayer setCornerRadius:7.0];
//[roundedlayer setBorderWidth:2.0];
//[roundedlayer setBorderColor:[[UIColor darkGrayColor] CGColor]];
//[productImageView drawRect:CGRectMake(boundsX + LEFT_COLUMN_OFFSET, UPPER_ROW_TOP, IMAGE_WIDTH, IMAGE_HEIGHT)];
//      

[productImageView.image drawInRect:CGRectMake(boundsX + LEFT_COLUMN_OFFSET, UPPER_ROW_TOP, IMAGE_WIDTH, IMAGE_HEIGHT)];

Так что это хорошо работает, но если я удалю комментарий и попытаюсь показать округленный слой CA, прокрутка будет очень медленной.

Чтобы исправить это, я полагаю, мне придется визуализировать этот контекст изображения в другом объекте изображения, сохранить его в массиве, а затем установить это изображение как-то вроде: 

productImageView.image = (UIImage*)[imageArray objectAtIndex:indexPath.row];

У меня вопрос "Как мне сделать этот слой на изображении?" ТИА.

Ответы [ 2 ]

1 голос
/ 14 марта 2010

Это то, что я должен хорошо работать. 

- (UIImage *)roundedImage:(UIImage*)originalImage
{
    CGRect bounds = CGRectMake(0.0, 0.0, originalImage.size.width, originalImage.size.height);
    UIImageView *imageView = [[UIImageView alloc] initWithImage:originalImage];
    CALayer *layer = imageView.layer;
    imageView.frame = bounds;
    [layer setMasksToBounds:YES];
    [layer setCornerRadius:7.0];
    [layer setBorderWidth:2.0];
    [layer setBorderColor:[[UIColor darkGrayColor] CGColor]];
    UIGraphicsBeginImageContext(bounds.size);
    [layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *anImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext(); 
    [imageView release];

    return anImage;
}

Затем, чтобы масштабировать изображение, я нашел это в примере с отложенной загрузкой: 

#define kAppIconHeight 48

    CGSize itemSize = CGSizeMake(kAppIconHeight, kAppIconHeight);
UIGraphicsBeginImageContext(itemSize);
CGRect imageRect = CGRectMake(0.0, 0.0, itemSize.width, itemSize.height);
[image drawInRect:imageRect];
self.appRecord.appIcon = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
0 голосов
/ 06 марта 2010

Вы на правильном пути со своим собственным комментарием. 

- (UIImage *)roundedImage:(UIImage*)originalImage;
{
    CGRect bounds = originalImage.bounds;
    CGImageRef theImage = originalImage.CGImage;
    CALayer *roundedlayer = [CALayer layer];
    roundedlayer.position = CGPointMake(0.0f,0.0f);
    roundedlayer.bounds = bounds;
    [roundedlayer setMasksToBounds:YES];
    [roundedlayer setCornerRadius:7.0];
    [roundedlayer setBorderWidth:2.0];
    [roundedlayer setBorderColor:[[UIColor darkGrayColor] CGColor]];
    roundedlayer.contents = theImage;

    UIGraphicsBeginImageContext(bounds.size);       // creates a new context and pushes it on the stack

    CGContextBeginTransparencyLayerWithRect(UIGraphicsGetCurrentContext(), bounds, NULL);
    CGContextClearRect(UIGraphicsGetCurrentContext(), bounds);
    [roundedlayer drawInContext:UIGraphicsGetCurrentContext()];

    UIImage *anImage = UIGraphicsGetImageFromCurrentImageContext()

    UIGraphicsEndImageContext();        //releases new context and removes from stack

    return anImage;
}

Я бы предварительно отрендерил их и сохранил в массиве изображений, чтобы они не вычислялись во время вашего drawRect, а были установлены в вашем 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

способ.

...