iOS Quartz2D绘制简单图形

最新推荐文章于 2021-11-10 11:58:38 发布

yyqxiaoyin

最新推荐文章于 2021-11-10 11:58:38 发布

阅读量263

点赞数

分类专栏： Quartz2D

本文链接：https://blog.csdn.net/qq_15787983/article/details/50962986

版权

Quartz2D 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Quartz2D 绘制简单图形：

获取图形上下文
绘图
渲染

要求：画两条线

代码：

- (void)drawRect:(CGRect)rect {

//    绘制一条线
    
//    获取图形上下文,上下文的输出目录就是self[view]
    CGContextRef context = UIGraphicsGetCurrentContext();
    
//    设置线的颜色
//    CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);
//    也可以用下面的方式来设置颜色
    [[UIColor redColor] set];
    
//    设置头尾样式
//    kCGLineCapButt,不知道什么东西
//    kCGLineCapRound,圆形
//    kCGLineCapSquare//方形
    CGContextSetLineCap(context, kCGLineCapSquare);
    
//    设置连接点样式
    CGContextSetLineJoin(context, kCGLineJoinRound);
    
//    设置线宽
    CGContextSetLineWidth(context, 10);
    
//    画第一条线
//    设置第一个点
    CGContextMoveToPoint(context, 100, 10);
//    设置第二个点
    CGContextAddLineToPoint(context, 100, 200);
//    渲染第一条线
    CGContextStrokePath(context);
    
//    第二条线
    CGContextMoveToPoint(context, 150, 10);
    CGContextAddLineToPoint(context, 80, 200);
    
//    如果想要让两条线的样式不一样，那么第二条线就要先清空状态再设置样式
//    清空状态
    CGContextSetLineWidth(context, 1);
    [[UIColor blackColor]set];
    CGContextSetLineCap(context,kCGLineCapButt);
    
//    渲染第二条线
    CGContextStrokePath(context);
    
    
}

运行效果：

绘制矩形跟三角形：

#pragma mark 绘制三角形
-(void)drawTriangle{

    //    获取图形上下文,上下文的输出目录就是self[view]
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    //    设置线的颜色
    CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);
    
        设置第一个点
        CGContextMoveToPoint(context, 10, 10);
    
    //    设置第二个点
        CGContextAddLineToPoint(context, 110, 10);
    
    //    设置第三个点
        CGContextAddLineToPoint(context, 110, 110);
    //闭合
    CGContextClosePath(context);
    
//    渲染
   CGContextStrokePath(context);
    
}

三角形效果图：

绘制矩形：

-(void)drawRectangle{
    
    //    绘制一条线
    
    //    获取图形上下文,上下文的输出目录就是self[view]
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    //    设置线的颜色
    CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);
    
    
    //    设置线宽
    //    CGContextSetLineWidth(context, 10);
    
    
        画矩形（第一种方法）
        设置第一个点
    //    CGContextMoveToPoint(context, 10, 10);
    //
        设置第二个点
    //    CGContextAddLineToPoint(context, 110, 10);
    //
        设置第三个点
    //    CGContextAddLineToPoint(context, 110, 110);
    //
        设置第三个点
    //    CGContextAddLineToPoint(context, 10, 110);
    //
    //    CGContextAddLineToPoint(context, 10, 10);
    
    //  ===========第二种方法======================
    CGContextAddRect(context, CGRectMake(10, 10, 100, 100));
    
    
    
    //    渲染
    //    空心
    //    CGContextStrokePath(context);
    
    //    填充[实心]
    CGContextFillPath(context);

}

矩形效果图