用 Quartz 画聊天对话框背景实例
前段时间只看，没有手动写过代码，今天无聊就写了一个画聊天对话框的例子，其实还是蛮实用的，以后一定会有用到的地方。
主要用到Quartz的几个关键技术
路径，阴影，填充，描边，图像上下文环境的设置。
效果图：
以下是代码：
CGContextRef MyCreateBitmapContext (int pixelsWide,
int pixelsHigh)
{
CGContextRef context = NULL;
CGColorSpaceRef colorSpace;
void * bitmapData;
int bitmapByteCount;
int bitmapBytesPerRow;
//声明一个变量来代表每行的字节数。每一个位图像素的代表是4个字节，8bit红，8bit绿，8bit蓝，和8bit alpha通道信息(透明信息)。
bitmapBytesPerRow = (pixelsWide * 4);
bitmapByteCount = (bitmapBytesPerRow * pixelsHigh);
colorSpace = CGColorSpaceCreateDeviceRGB();// 创建一个通用的RGB色彩空间
bitmapData = malloc( bitmapByteCount );// 调用的malloc函数来创建的内存用来存储位图数据块
if (bitmapData == NULL)
{
fprintf (stderr, "Memory not allocated!");
return NULL;
}
//创建一个位图图形上下文
context = CGBitmapContextCreate (bitmapData,
pixelsWide,
pixelsHigh,
8, // bits per component
bitmapBytesPerRow,
colorSpace,
kCGImageAlphaPremultipliedLast);
if (context== NULL)
{
free (bitmapData);
fprintf (stderr, "Context not created!");
return NULL;
}
//释放colorSpace 注意使用的函数
CGColorSpaceRelease( colorSpace );
return context;
}
/*
生成一个聊天的对话框背景图
参数
myContext:一个图形上下文
ox: 矩形左下角x坐标
oy: 矩形左下角y坐标
rw: 矩形宽度
rh: 矩形高度
r : 矩形圆角半径
Orientation: 箭头方向，0-7
*/
UIImage* createDialogBox (CGContextRef myContext, float ox, float oy, float rw, float rh, float r, int Orientation)
{
CGMutablePathRef path = CGPathCreateMutable();
//画矩形
CGPathMoveToPoint(path, NULL,ox, oy+r);
CGPathAddArcToPoint(path, NULL, ox, oy+rh, ox+r,oy+rh, r);
CGPathAddArcToPoint(path, NULL, ox+rw, oy+rh, ox+rw, oy+rh-r, r);
CGPathAddArcToPoint(path, NULL, ox+rw, oy, ox+rw-r, oy, r);
CGPathAddArcToPoint(path, NULL, ox, oy, ox,oy+r,r);
//画箭头
switch (Orientation) {
case 0:
CGPathMoveToPoint(path, NULL,ox+r+10.0, oy+rh);
CGPathAddLineToPoint(path, NULL, ox+r+10.0, oy+rh+20);
CGPathAddLineToPoint(path, NULL, ox+r+30.0, oy+rh);
break;
case 1:
CGPathMoveToPoint(path, NULL,ox+rw-r-10.0, oy+rh);
CGPathAddLineToPoint(path, NULL, ox+rw-r-10.0, oy+rh+20);
CGPathAddLineToPoint(path, NULL, ox+rw-r-30.0, oy+rh);
break;
case 2:
CGPathMoveToPoint(path, NULL,ox+rw, oy+rh-r-10);
CGPathAddLineToPoint(path, NULL, ox+rw+20, oy+rh-r-10);
CGPathAddLineToPoint(path, NULL, ox+rw, oy+rh-r-30);
break;
case 3:
CGPathMoveToPoint(path, NULL,ox+rw, oy+r+10);
CGPathAddLineToPoint(path, NULL, ox+rw+20, oy+r+10);
CGPathAddLineToPoint(path, NULL, ox+rw, oy+r+30);
break;
case 4:
CGPathMoveToPoint(path, NULL,ox+rw-r-10.0, oy);
CGPathAddLineToPoint(path, NULL, ox+rw-r-10.0, oy-20);
CGPathAddLineToPoint(path, NULL, ox+rw-r-30.0, oy);
break;
case 5:
CGPathMoveToPoint(path, NULL,ox+r+10.0, oy);
CGPathAddLineToPoint(path, NULL, ox+r+10.0, oy-20);
CGPathAddLineToPoint(path, NULL, ox+r+30.0, oy);
break;
case 6:
CGPathMoveToPoint(path, NULL,ox, oy+r+10);
CGPathAddLineToPoint(path, NULL, ox-20, oy+r+10);
CGPathAddLineToPoint(path, NULL, ox, oy+r+30);
break;
case 7:
CGPathMoveToPoint(path, NULL,ox, oy+rh-r-10);
CGPathAddLineToPoint(path, NULL, ox-20, oy+rh-r-10);
CGPathAddLineToPoint(path, NULL, ox, oy+rh-r-30);
break;
default:
break;
}
//描边 以及添加阴影效果
CGContextSetLineJoin(myContext, kCGLineJoinRound);
CGFloat zStrokeColour[4] = {180.0/255, 180.0/255.0, 180.0/255.0, 1.0};
CGContextSetLineWidth(myContext, 13.0);
CGContextAddPath(myContext,path);
CGContextSetStrokeColorSpace(myContext, CGColorSpaceCreateDeviceRGB());
CGContextSetStrokeColor(myContext, zStrokeColour);
CGContextStrokePath(myContext);
CGSize myShadowOffset = CGSizeMake (0, 0);
CGContextSaveGState(myContext);
CGContextSetShadow (myContext, myShadowOffset, 5);
CGContextSetLineJoin(myContext, kCGLineJoinRound);
CGFloat zStrokeColour1[4] = {228.0/255, 168.0/255.0, 81.0/255.0, 1.0};
CGContextSetLineWidth(myContext, 3.0);
CGContextAddPath(myContext,path);
CGContextSetStrokeColorSpace(myContext, CGColorSpaceCreateDeviceRGB());
CGContextSetStrokeColor(myContext, zStrokeColour1);
CGContextStrokePath(myContext);
CGContextRestoreGState(myContext);
//填充矩形内部颜色
CGContextAddPath(myContext,path);
CGContextSetFillColorSpace(myContext, CGColorSpaceCreateDeviceRGB());
CGFloat zFillColour1[4] = {229.0/255, 229.0/255.0, 231.0/255.0, 1};
CGContextSetFillColor(myContext, zFillColour1);
CGContextEOFillPath(myContext);
//生成图像
CGImageRef myImage = CGBitmapContextCreateImage (myContext);
UIImage * image = [UIImage imageWithCGImage:myImage];
CGImageRelease(myImage);
return image;
}
- (void)viewDidLoad {
[super viewDidLoad];
float wd = 320.0;
float ht = 480.0;
CGContextRef myContext = MyCreateBitmapContext (wd, ht);
UIImageView *iv = [[UIImageView alloc] initWithImage:createDialogBox(myContext, 50, 350, 100, 60, 5, 7)];
[self.view addSubview:iv];
CGContextRelease (myContext);
[iv release];
}