使用CALayer設置UITableViewCell背景顏色

Question

在iOS上，我將CALayer添加到UITableViewCell的圖層。這是我第一次使用CALayer，它只是應該改變表格單元格的背景顏色。我的目標是（1）學習如何使用CALayer，以及（2）使用Instruments來測試繪圖是否比我當前的實現更快，這會降低CGContextFillRect的速度。

（Technical Q&A QA1708是這一切的催化劑。）

實施現狀的（作品）

- (void)drawRect:(CGRect)r 
{ 
    UIColor *myColor = [self someColor]; 
    [myColor set]; 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextFillRect(context, r); // draw the background color 
    // now draw everything else 
    // [...] 

} 

嘗試新的實現（不工作）

#import <QuartzCore/QuartzCore.h> 

@implementation MyCell { 
    CALayer *backgroundLayer; 
} 

- (id) initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { 
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; 

    if (self) { 
     // [...other stuff here too] 
     backgroundLayer = [[CALayer alloc] init]; 
     [[self layer] addSublayer:backgroundLayer]; 
    } 

    return self; 
} 

- (void)drawRect:(CGRect)r { 
    backgroundLayer.frame = CGRectMake(0, 0, r.size.width, r.size.height); 
    [backgroundLayer setBackgroundColor:[self someColor]]; 
    // now draw everything else 
    // [...] 
} 

我看到正確的顏色，但沒有其他繪圖（我假設自定義繪圖結束後面我的新層）。

如果我刪除backgroundLayer.frame = ...行，我所有其他繪圖仍然存在，但在黑色背景上。

我錯過了什麼？

Answer 1

爲什麼你得到意外行爲的原因是因爲UITableViewCell的相對複雜的視圖層次：

- UITableViewCell 
    - contentView 
    - backgroundView 
    - selectedBackgroundView 

每當在UITableViewCell定義自定義繪圖程序，你應該在contentView層次結構中這樣做。這包括繼承UIView，覆蓋-drawRect:，並將其作爲子視圖添加到contentView中。

爲什麼你的背景顏色是你的榜樣被忽略的原因是由於您的加入您的CALayer爲UITableViewCell的層的子層。這被UITableViewCell的contentView所掩蓋。

但是，由於某種原因，您希望在此處使用CALayer。我想了解爲什麼它沒有UIView沒有的東西。你可以在你的contentView上設置backgroundColor，而不是做這個迂迴的事情。

下面是一個例子使用CALayer按照您的要求：

@implementation JRTableViewCell 

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { 
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; 
    if(self) { 
     [self addCustomLayerToContentView]; 
    } 
    return self; 
} 

- (void)addCustomLayerToContentView { 
    CALayer *layer = [[CALayer alloc] initWithFrame:[self bounds]]; 
    [layer setBackgroundColor:[UIColor blueColor]]; //use whatever color you wish. 

    [self.contentView.layer addSublayer:layer]; 
} 

@end