首页 > 代码库 > Quartz 2D--长方形和线条绘图

Quartz 2D--长方形和线条绘图

    今天原本想模仿2048 游戏的。 但是在设计背景环境时,涉及到绘图的知识!于是就开始对绘图进行了一翻学习。

     若想自己绘图必须 写自己的View(继承UICView);然后重写UIView 中的 drawRect:rect 方法

     -(void)drawRect:(CGRent)rect{

    //1 硬编码 获取当前视图上下文,(很重要,在绘图时都是依据上下文来进行的)

    CGContextRef context=UIGraphicsGetCurrentContext();

    //2、绘制长方形,并且带背景颜色  

    CGContextSetFillColorWithColor(context,[UIColor colorWithRed:0.1 green:0.3 blue:0.8 alpha:1].CGColor);//这里red,blue, green,alpha 值必须在0~1 之间,这里是c 函数,因此参数也需要C函数里面值,因此这里不能用UIColor 对象,而是里面的属性CGColor。

    //2.1 执行填充操作, 到这里长方形绘制完成

     CGContextFillRect(context,CGRectMake(0,0,320,320));//后面指定的

     //3.1 开始画线条

      CGContextSetLineWidth(context,4.0);//设置画刷粗细为4个像素

     CGContextSetStrokeColorWithColor(context,[UIColor redColor].CGColor);//设置画笔颜色

     CGContextMoveToPoint(context,0.0f,0.0f);//可以设想将画笔移到起点位子(线条的起点位子)

     CGContextAddLineToPoint(context,10.0f,10.0f);//两点成一线,

    CGContext AddLineToPoint(context,20.0f,10.0f);// 类似队列任意添加点集合

    //一切准备好后开始绘图

     CGContextStrokePath(context);//执行完成后 会出现一跳红色折线

}

 

 

---下面是绘制 带圆角长方形

- (void)drawRect:(CGRect)rect {

CGFloat width = rect.size.width;

CGFloat height = rect.size.height; // 简便起见,这里把圆角半径设置为长和宽平均值的1/10

CGFloat radius = (width + height) * 0.05; // 获取CGContext,注意UIKit里用的是一个专门的函数 CGContextRef context = UIGraphicsGetCurrentContext(); // 移动到初始点

CGContextMoveToPoint(context, radius, 0); // 绘制第1条线和第1个1/4圆弧

CGContextAddLineToPoint(context, width - radius, 0);

CGContextAddArc(context, width - radius, radius, radius, -0.5 * M_PI, 0.0, 0); // 绘制第2条线和第2个1/4圆弧 CGContextAddLineToPoint(context, width, height - radius);

CGContextAddArc(context, width - radius, height - radius, radius, 0.0, 0.5 * M_PI, 0); // 绘制第3条线和第3个1/4圆弧

CGContextAddLineToPoint(context, radius, height);

CGContextAddArc(context, radius, height - radius, radius, 0.5 * M_PI, M_PI, 0); // 绘制第4条线和第4个1/4圆弧 CGContextAddLineToPoint(context, 0, radius);

CGContextAddArc(context, radius, radius, radius, M_PI, 1.5 * M_PI, 0); // 闭合路径 CGContextClosePath(context); // 填充半透明黑色

CGContextSetRGBFillColor(context, 0.0, 0.0, 0.0, 0.5);

CGContextDrawPath(context, kCGPathFill);

}