如何在分組的UITableView上設置選定的背景色

Question

我嘗試了各種方法，但沒有成功。 其分組的UITableView。想要更改所選單元格的背景顏色。

我試着創建一個視圖，設置背景顏色並將其設置爲cell.selectedBackgroundView。它可以改變顏色，但部分的圓角會丟失。

Answer 1

您可以創建4個不同的圖像，頂部爲1，底部爲1，中間爲1，頂部/底部爲1（在所有4個角上爲圓形）。然後將背景視圖設置爲您的自定義圖像，具體取決於表格中的位置。另外，如果你想使用一個視圖，這裏的舍入只有特定角落的自定義視圖：

.H

#import <UIKit/UIKit.h> 

enum { 
    RoundedCornerNone  = 0, 
    RoundedCornerUpperRight = 1 << 0, 
    RoundedCornerLowerRight = 1 << 1, 
    RoundedCornerLowerLeft = 1 << 2, 
    RoundedCornerUpperLeft = 1 << 3 
}; 
typedef NSUInteger RoundedCornerOptions; 

@interface PartiallyRoundedView : UIView 

@property (nonatomic, assign) RoundedCornerOptions roundedCorners; 

@end 

.M

#import "PartiallyRoundedView.h" 


@implementation PartiallyRoundedView 

@synthesize roundedCorners; 

- (id)initWithFrame:(CGRect)frame 
{ 
    if ((self = [super initWithFrame:frame])) { 
    } 
    return self; 
} 

- (void)drawRect:(CGRect)rect 
{ 
    float radius = 10; 

    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextSetLineWidth(context, 1.0); 
    CGContextBeginPath(context); 
    CGContextSetRGBStrokeColor(context, .6, .6, .6, 1); 
    CGContextSetRGBFillColor(context, .968, .968, .968, 1); 

    CGContextMoveToPoint(context, rect.origin.x + rect.size.width - radius, rect.origin.y); 
    CGContextAddLineToPoint(context, rect.origin.x + radius, rect.origin.y); //Draw top line 

    if (self.roundedCorners >=8) { //Round upper-left corner 
     CGContextAddArc(context, rect.origin.x + radius, rect.origin.y + radius, radius, 
         -M_PI/2, M_PI, 1); 

     self.roundedCorners-=8; 
    } 
    else { 
     CGContextAddLineToPoint(context, rect.origin.x, rect.origin.y); 
     CGContextAddLineToPoint(context, rect.origin.x, rect.origin.y + radius); 
    } 

    CGContextAddLineToPoint(context, rect.origin.x, rect.origin.y + rect.size.height - radius); //Draw left line 

    if (self.roundedCorners >=4) { //Round lower-left corner 
     CGContextAddArc(context, rect.origin.x + radius , rect.origin.y + rect.size.height - radius, 
         radius, M_PI, M_PI/2, 1); 

     self.roundedCorners-=4; 
    } 
    else { 
     CGContextAddLineToPoint(context, rect.origin.x, rect.origin.y + rect.size.height); 
     CGContextAddLineToPoint(context, rect.origin.x + radius, rect.origin.y + rect.size.height); 
    } 

    CGContextAddLineToPoint(context, rect.origin.x + rect.size.width - radius, rect.origin.y + rect.size.height); //Draw bottom line 

    if (self.roundedCorners >=2) { //Round lower-right corner 
     CGContextAddArc(context, rect.origin.x + rect.size.width - radius , 
         rect.origin.y + rect.size.height - radius, radius, M_PI/2, 0.0f, 1); 

     self.roundedCorners-=2; 
    } 
    else { 
     CGContextAddLineToPoint(context, rect.origin.x + rect.size.width, rect.origin.y + rect.size.height); 
     CGContextAddLineToPoint(context, rect.origin.x + rect.size.width, rect.origin.y + rect.size.height - radius); 
    } 

    CGContextAddLineToPoint(context, rect.origin.x + rect.size.width, rect.origin.y + radius); //Draw right line 

    if (self.roundedCorners ==1) { //Round upper-right corner 
     CGContextAddArc(context, rect.origin.x + rect.size.width - radius, rect.origin.y + radius, 
         radius, 0.0f, -M_PI/2, 1); 
    } 
    else { 
     CGContextAddLineToPoint(context, rect.origin.x + rect.size.width, rect.origin.y); 
     CGContextAddLineToPoint(context, rect.origin.x + rect.size.width - radius, rect.origin.y); 
    } 


    CGContextClosePath(context); 
    CGContextDrawPath(context, kCGPathFillStroke); 
    } 


    - (void)dealloc { 
     [super dealloc]; 
    } 


    @end 

您可以創建這個觀點的一個實例（你需要添加一點來填補你想要的顏色）。根據您是第一個，最後一個，中間還是第一個和最後一個單元，只需傳入正確的圓角四捨五入。

Answer 2

如果你只是想改變選擇的顏色，看看這個建議： UITableView Cell selected Color? 郵政此在的cellForRowAtIndexPath法：

UIView *bgColorView = [[UIView alloc] init]; 
[bgColorView setBackgroundColor:[UIColor redColor]]; 
bgColorView.layer.cornerRadius = 10; 
[cell setSelectedBackgroundView:bgColorView]; 
[bgColorView release]; 

，不要忘記導入QuartzCore。適用於我的作品（iOS 5）

Answer 3

如果要使用Core Graphics（不使用圖像）實現此功能，請給這個鏡頭一個鏡頭。我的方法採用與所選答案相同的概念，但使用簡單的if/else（或switch:case，具體取決於數據源大小）爲分組的UITableViewCell繪製正確的背景視圖。下面的代碼只需要包含在您的實現文件：

.M

UIView *bgColorView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width-24, 69)]; 
    bgColorView.backgroundColor = [UIColor magentaColor]; 
    UIBezierPath *maskPath; 
    CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
    maskLayer.frame = bgColorView.bounds; 

    if (row == 0) { 
     maskPath = [UIBezierPath bezierPathWithRoundedRect:bgColorView.bounds 
             byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerTopRight) 
              cornerRadii:CGSizeMake(8.0, 8.0)]; 
     maskLayer.frame = CGRectOffset(bgColorView.bounds, 1, 0); 
     if ([self.tableView numberOfRowsInSection:1] == 1) { 
     maskPath = [UIBezierPath bezierPathWithRoundedRect:bgColorView.bounds 
             byRoundingCorners:(UIRectCornerAllCorners) 
               cornerRadii:CGSizeMake(8.0, 8.0)]; 
     } 
    } else if (row >= [self.tableView numberOfRowsInSection:1]-1) { 
     maskPath = [UIBezierPath bezierPathWithRoundedRect:bgColorView.bounds 
             byRoundingCorners:(UIRectCornerBottomLeft | UIRectCornerBottomRight) 
              cornerRadii:CGSizeMake(8.0, 8.0)]; 
     maskLayer.frame = CGRectOffset(bgColorView.bounds, 1, 0); 
    } else { 
     maskPath = [UIBezierPath bezierPathWithRoundedRect:bgColorView.bounds 
             byRoundingCorners:nil 
              cornerRadii:CGSizeMake(0.0, 0.0)]; 
    } 

    maskLayer.path = maskPath.CGPath; 

    bgColorView.layer.mask = maskLayer; 
    cell.selectedBackgroundView = bgColorView; 

如果你已經使用可重複使用的電池，繪圖應該只爲每種類型出現一次。

希望這可以幫助有人絆倒到這個線程... 乾杯！