注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

又一个部落格

换过很多备忘录,不知道这本怎么样!

 
 
 

日志

 
 

用 Quartz 画聊天对话框背景实例  

2010-07-30 14:48:07|  分类: cocoa |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
前段时间只看,没有手动写过代码,今天无聊就写了一个画聊天对话框的例子,其实还是蛮实用的,以后一定会有用到的地方。
主要用到Quartz的几个关键技术
路径,阴影,填充,描边,图像上下文环境的设置。
效果图:

用 Quartz 只做聊天对话框背景实例 - happy dog - 又一个部落格
 
以下是代码:

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];
}
  评论这张
 
阅读(4032)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017