Iphone 图片

如何自定义分组表视图/边框颜色的背景您需要设置UITableViewCell的backgroundView属性自定义UIView，吸引了在适当的边界和背景颜色的本身。 这种观点必须能够吸纳4种不同的模式the边界，圆形至于有关第一次在一节细胞顶部，为在最后一节细胞bottom，因为在对一节middle cells no圆角圆角落，并四舍五入为第一个细胞都含有4个角落。



不幸的是我无法弄清楚如何使这种模式下自动设置，所以我不得不设在UITableViewDataSource的- cellForRowAtIndexPath它的方法。



这是一个真正的太平洋岛屿电信协会，但我已经与苹果公司的工程师证实，这是目前唯一的办法。



更新下面是自定义视图代码为保函。 有一个绘图错误，使圆角看起来有点滑稽，但我们转移到一个不同的设计和取消了自定义的背景前，我有机会来解决它。 不过这可能会很对你有帮助：



//

// CustomCellBackgroundView.h

//

// Created by Mike Akers on 11/21/08.

// Copyright 2008 __MyCompanyName__. All rights reserved.

//

#import <UIKit/UIKit.h>

typedef enum {

CustomCellBackgroundViewPositionTop,

CustomCellBackgroundViewPositionMiddle,

CustomCellBackgroundViewPositionBottom,

CustomCellBackgroundViewPositionSingle

} CustomCellBackgroundViewPosition;

@interface CustomCellBackgroundView : UIView {

UIColor *borderColor;

UIColor *fillColor;

CustomCellBackgroundViewPosition position;

}

@property(nonatomic, retain) UIColor *borderColor, *fillColor;

@property(nonatomic) CustomCellBackgroundViewPosition position;

@end

//

// CustomCellBackgroundView.m

//

// Created by Mike Akers on 11/21/08.

// Copyright 2008 __MyCompanyName__. All rights reserved.

//

#import "CustomCellBackgroundView.h"

static void addRoundedRectToPath(CGContextRef context, CGRect rect,

float ovalWidth,float ovalHeight);

@implementation CustomCellBackgroundView

@synthesize borderColor, fillColor, position;

- (BOOL) isOpaque {

return NO;

}

- (id)initWithFrame:(CGRect)frame {

if (self = [super initWithFrame:frame]) {

// Initialization code

}

return self;

}

- (void)drawRect:(CGRect)rect {

// Drawing code

CGContextRef c = UIGraphicsGetCurrentContext();

CGContextSetFillColorWithColor(c, [fillColor CGColor]);

CGContextSetStrokeColorWithColor(c, [borderColor CGColor]);

if (position == CustomCellBackgroundViewPositionTop) {

CGContextFillRect(c, CGRectMake(0.0f, rect.size.height - 10.0f, rect.size.width, 10.0f));

CGContextBeginPath(c);

CGContextMoveToPoint(c, 0.0f, rect.size.height - 10.0f);

CGContextAddLineToPoint(c, 0.0f, rect.size.height);

CGContextAddLineToPoint(c, rect.size.width, rect.size.height);

CGContextAddLineToPoint(c, rect.size.width, rect.size.height - 10.0f);

CGContextStrokePath(c);

CGContextClipToRect(c, CGRectMake(0.0f, 0.0f, rect.size.width, rect.size.height - 10.0f));

} else if (position == CustomCellBackgroundViewPositionBottom) {

CGContextFillRect(c, CGRectMake(0.0f, 0.0f, rect.size.width, 10.0f));

CGContextBeginPath(c);

CGContextMoveToPoint(c, 0.0f, 10.0f);

CGContextAddLineToPoint(c, 0.0f, 0.0f);

CGContextStrokePath(c);

CGContextBeginPath(c);

CGContextMoveToPoint(c, rect.size.width, 0.0f);

CGContextAddLineToPoint(c, rect.size.width, 10.0f);

CGContextStrokePath(c);

CGContextClipToRect(c, CGRectMake(0.0f, 10.0f, rect.size.width, rect.size.height));

} else if (position == CustomCellBackgroundViewPositionMiddle) {

CGContextFillRect(c, rect);

CGContextBeginPath(c);

CGContextMoveToPoint(c, 0.0f, 0.0f);

CGContextAddLineToPoint(c, 0.0f, rect.size.height);

CGContextAddLineToPoint(c, rect.size.width, rect.size.height);

CGContextAddLineToPoint(c, rect.size.width, 0.0f);

CGContextStrokePath(c);

return; // no need to bother drawing rounded corners, so we return

}

// At this point the clip rect is set to only draw the appropriate

// corners, so we fill and stroke a rounded rect taking the entire rect

CGContextBeginPath(c);

addRoundedRectToPath(c, rect, 10.0f, 10.0f);

CGContextFillPath(c);

CGContextSetLineWidth(c, 1);

CGContextBeginPath(c);

addRoundedRectToPath(c, rect, 10.0f, 10.0f);

CGContextStrokePath(c);

}



- (void)dealloc {

[borderColor release];

[fillColor release];

[super dealloc];

}



@end

static void addRoundedRectToPath(CGContextRef context, CGRect rect,

float ovalWidth,float ovalHeight)

{

float fw, fh;

if (ovalWidth == 0 || ovalHeight == 0) {// 1

CGContextAddRect(context, rect);

return;

}

CGContextSaveGState(context);// 2

CGContextTranslateCTM (context, CGRectGetMinX(rect),// 3

CGRectGetMinY(rect));

CGContextScaleCTM (context, ovalWidth, ovalHeight);// 4

fw = CGRectGetWidth (rect) / ovalWidth;// 5

fh = CGRectGetHeight (rect) / ovalHeight;// 6

CGContextMoveToPoint(context, fw, fh/2); // 7

CGContextAddArcToPoint(context, fw, fh, fw/2, fh, 1);// 8

CGContextAddArcToPoint(context, 0, fh, 0, fh/2, 1);// 9

CGContextAddArcToPoint(context, 0, 0, fw/2, 0, 1);// 10

CGContextAddArcToPoint(context, fw, 0, fw, fh/2, 1); // 11

CGContextClosePath(context);// 12

CGContextRestoreGState(context);// 13

}




首先感谢所有为这个代码。 我已经在这个函数绘图改变，以消除一些角落绘制问题。



-(void)drawRect:(CGRect)rect

{

// Drawing code

CGContextRef c = UIGraphicsGetCurrentContext();

CGContextSetFillColorWithColor(c, [fillColor CGColor]);

CGContextSetStrokeColorWithColor(c, [borderColor CGColor]);

CGContextSetLineWidth(c, 2);

if (position == CustomCellBackgroundViewPositionTop) {

CGFloat minx = CGRectGetMinX(rect) , midx = CGRectGetMidX(rect), maxx = CGRectGetMaxX(rect) ;

CGFloat miny = CGRectGetMinY(rect) , maxy = CGRectGetMaxY(rect) ;

minx = minx + 1;

miny = miny + 1;

maxx = maxx - 1;

maxy = maxy ;

CGContextMoveToPoint(c, minx, maxy);

CGContextAddArcToPoint(c, minx, miny, midx, miny, ROUND_SIZE);

CGContextAddArcToPoint(c, maxx, miny, maxx, maxy, ROUND_SIZE);

CGContextAddLineToPoint(c, maxx, maxy);

// Close the path

CGContextClosePath(c);

// Fill & stroke the path

CGContextDrawPath(c, kCGPathFillStroke);

return;

} else if (position == CustomCellBackgroundViewPositionBottom) {

CGFloat minx = CGRectGetMinX(rect) , midx = CGRectGetMidX(rect), maxx = CGRectGetMaxX(rect) ;

CGFloat miny = CGRectGetMinY(rect) , maxy = CGRectGetMaxY(rect) ;

minx = minx + 1;

miny = miny ;

maxx = maxx - 1;

maxy = maxy - 1;

CGContextMoveToPoint(c, minx, miny);

CGContextAddArcToPoint(c, minx, maxy, midx, maxy, ROUND_SIZE);

CGContextAddArcToPoint(c, maxx, maxy, maxx, miny, ROUND_SIZE);

CGContextAddLineToPoint(c, maxx, miny);

// Close the path

CGContextClosePath(c);

// Fill & stroke the path

CGContextDrawPath(c, kCGPathFillStroke);

return;

} else if (position == CustomCellBackgroundViewPositionMiddle) {

CGFloat minx = CGRectGetMinX(rect) , maxx = CGRectGetMaxX(rect) ;

CGFloat miny = CGRectGetMinY(rect) , maxy = CGRectGetMaxY(rect) ;

minx = minx + 1;

miny = miny ;

maxx = maxx - 1;

maxy = maxy ;

CGContextMoveToPoint(c, minx, miny);

CGContextAddLineToPoint(c, maxx, miny);

CGContextAddLineToPoint(c, maxx, maxy);

CGContextAddLineToPoint(c, minx, maxy);

CGContextClosePath(c);

// Fill & stroke the path

CGContextDrawPath(c, kCGPathFillStroke);

return;

}

}