随笔-iOS学习简单绘图

原创于 2017-06-07 11:32:41 发布 · 511 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#绘图 #context #draw #CGPoint #CGContext

IOS开发专栏收录该内容

47 篇文章

订阅专栏

本文介绍了在iOS中如何使用UIView进行图形绘制，包括线条、矩形、圆形等基本形状的绘制方法，以及如何在视图中添加文字和图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在iOS中，图形的绘制是基于UIView来绘制的，所以，我们要先创建一个用来绘制图形的UIView类。

UIView的类中有一个方法是专门用来绘制图形的：

/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code
}
*/

我尝试了一些简单的图形绘制命令：

/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
 */
- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    //获取当前设备的上下文（画布）
    CGContextRef context = UIGraphicsGetCurrentContext();
    //画笔移到某一点
    CGContextMoveToPoint(context, 0, 0);
    //从一点到某一点画条线
    CGContextAddLineToPoint(context, 100, 100);
    //给线渲染涂色
    CGContextStrokePath(context);
    
    //矩形框
    CGContextAddRect(context, CGRectMake(0, 0, 100, 100));
    CGContextStrokeRect(context, CGRectMake(0, 0, 100, 100));
    //实心矩形
    CGContextFillRect(context, CGRectMake(100, 100, 100, 100));
    //空心圆
    CGContextStrokeEllipseInRect(context, CGRectMake(100, 200, 100, 100));
    //实心圆
    CGContextFillEllipseInRect(context, CGRectMake(100, 300, 100, 100));
    
    //绘制文字
    NSString * str = @"Hello world!";
    [str drawAtPoint:CGPointMake(125, 400) withAttributes:nil];
    //绘制图片
    [img drawAtPoint:CGPointMake(100, 500)];
    [img drawAsPatternInRect:CGRectMake(100, 400, 50, 50)]; //平铺填充
    CGContextDrawImage(context, CGRectMake(100, 500, 80, 80), [img CGImage]);//自由缩放
}

效果看起来笨笨的，哈哈，继续学习ing