如何在drawRect中的部分UIImage上添加alpha图层?

时间:2012-10-10 17:25:47

标签: ios core-graphics drawrect

全新来实现自定义drawRect方法(和Core Graphics),但我这样做是为了提高我的UITableView的滚动性能。如果我做任何愚蠢的事情,请告诉我。

在我的手机中,我有一个UIImage,在它的底部,我想打印图像的标题。但是,为了使标题文本能够清晰显示而不管图像如何,我希望在UIImage顶部和标题文本下方有一个不透明度为~75%的黑色矩形。

我尝试了以下

[self.picture drawAtPoint:point];

[[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.75] setFill];
UIRectFill(CGRectMake(rect));

但是得到的填充实际上进入了UIImage(请原谅我糟糕的描述对不起),显示在略微透明填充下方的部分是我的UITableView的背景...

我想我可以为矩形制作另一个图像,然后在self.picture之上绘制它,但我想知道这是否是一种更简单的方法来使用UIRectFill代替它。

如上所述,我对Core Graphics完全陌生,所以任何提示都会非常感激。提前谢谢!


此外,我还有第二个问题......下载图像的尺寸(以像素为单位)是它适合的矩形(以点为单位)的两倍,以解决视网膜显示问题。然而,它现在正在超越那个矩形,即使在iPhone4设备上......我该如何解决这个问题(包括iPhone4之前的设备呢?)

2 个答案:

答案 0 :(得分:2)

我没有做太多自定义drawRect的事情,因此我会将问题的这一部分推迟给其他人,但通常会将昂贵的计算转移到后台队列中,从而更轻松地解决tableview性能问题然后在后台操作完成时从主队列异步更新单元格。因此,像:

首先,为tableview定义一个操作队列属性:

@property (nonatomic, strong) NSOperationQueue *queue;

然后在viewDidLoad中初始化:

self.queue = [[NSOperationQueue alloc] init];
self.queue.maxConcurrentOperationQueue = 4;

然后在cellForRowAtIndexPath中,您可以:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"MyCellIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    // Do the quick, computationally inexpensive stuff first, stuff here.
    // Examples might include setting the labels adding/setting various controls
    // using any images that you might already have cached, clearing any of the
    // image stuff you might be recalculating in the background queue in case you're
    // dealing with a dequeued cell, etc.

    // Now send the slower stuff to the background queue.

    [self.queue addOperationWithBlock:^{

        // Do the slower stuff (like complex image processing) here.
        // If you're doing caching, update the cache here, too.

        // When done with the slow stuff, send the UI update back
        // to the main queue...

        [[NSOperationQueue mainQueue] addOperationWithBlock:^{

            // see if the cell is still visible, and if so ...

            UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
            if (cell)
            {
                // now update the UI back in the main queue
            }
        }];

    }];

    return cell;
}

您可以通过确保将计算成本高昂的内容的结果缓存到类似NSCache的内容,也可能缓存到Documents或其他地方来进一步优化,因此您可以优化这些复杂的东西必须经常完成并真正优化用户界面。

顺便说一下,当你这样做时,你现在可以让你的UILabelbackgroundColor使用UIColor为黑色,0.75 alpha)。 UIImageView,iOS会为您处理。尽可能容易。

关于图像分辨率的最后一个问题,您可以:

  • 使用视图的contentScaleFactor来确定您是否正在处理视网膜,并相应地调整缩略图图像的大小;或
  • 只需使用contentMode的{​​{1}}图像视图即可确保缩略图像正确呈现,无论如何...如果您使用的是小缩略图(即使是2倍图像),性能也是如此一般都很好。

答案 1 :(得分:0)

这是使用kCGBlendModeNormal选项执行此操作的正确方法,每another stackoverflow question

[[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.75] setFill];
UIRectFillUsingBlendMode(rect, kCGBlendModeNormal);