iOS:绘图

1、UIBezierPath(贝塞尔曲线)

  1-1)、在重写 drawRect: 方法里使用

    使用不难,看 UIBezierPath.h 基本都会用,值得注意的是,颜色设置如下:

[[UIColor redColor]set];

    下面是学习过程中的代码

- (void)drawRect:(CGRect)rect
{
    //矩形
    UIBezierPath *path1 = [UIBezierPath bezierPathWithRect:CGRectMake(20, 20, 50, 50)];
    [[UIColor grayColor]set];
    [path1 stroke];
    //内切圆
    UIBezierPath *path2 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 20, 50, 50)];
    [[UIColor blueColor]set];
    [path2 fill];
    [path2 stroke];
    //切4个圆角
    UIBezierPath *path3 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(200, 20, 50, 50) cornerRadius:15.0];
    [[UIColor greenColor]set];
    [path3 stroke];
    //切1-4个圆角(最后一个参数cornerRadii,好像就size.width有效果?)
    UIBezierPath *path4 = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(300, 20, 50, 50) byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight  cornerRadii:CGSizeMake(15.0, 35.0)];
    [[UIColor whiteColor]set];
    [path4 stroke];
    //弧形
    UIBezierPath *path5 = [UIBezierPath bezierPathWithArcCenter:CGPointMake(50, 120) radius:25.0 startAngle:M_PI endAngle:M_PI/4 clockwise:YES];
    [[UIColor yellowColor]set];
    [path5 stroke];

    //画直线
    UIBezierPath *path6 = [UIBezierPath bezierPath];
    [path6 setLineWidth:3.0];
    [[UIColor redColor]set];
    [path6 moveToPoint:CGPointMake(100, 100)];
    [path6 addLineToPoint:CGPointMake(150, 100)];
    [path6 addLineToPoint:CGPointMake(150, 150)];
    [path6 addLineToPoint:CGPointMake(100, 150)];
    [path6 addLineToPoint:CGPointMake(100, 100)];
    [path6 addLineToPoint:CGPointMake(200, 125)];
    [path6 addLineToPoint:CGPointMake(150, 150)];
    [path6 closePath];
    path6.usesEvenOddFillRule = YES;
    [path6 fill];
    [path6 stroke];

    //贝塞尔曲线
    UIBezierPath *path7 = [UIBezierPath bezierPath];
    [path7 setLineWidth:5.0];
    [[UIColor orangeColor]set];
    [path7 moveToPoint:CGPointMake(200, 100)];
    [path7 addCurveToPoint:CGPointMake(300, 100) controlPoint1:CGPointMake(250, 150) controlPoint2:CGPointMake(275, 50)];
    [path7 stroke];

    //贝塞尔曲线
    UIBezierPath *path8 = [UIBezierPath bezierPath];
    [path8 setLineWidth:5.0];
    [[UIColor purpleColor]set];
    [path8 moveToPoint:CGPointMake(200, 150)];
    [path8 addQuadCurveToPoint:CGPointMake(300, 150) controlPoint:CGPointMake(250, 200)];
    [path8 stroke];

    //带圆心到起始角度线段的弧形
    UIBezierPath *path9 = [UIBezierPath bezierPath];
    [path9 setLineWidth:5.0];
    [[UIColor brownColor]set];
    [path9 moveToPoint:CGPointMake(50, 200)];
    [path9 addArcWithCenter:CGPointMake(50, 200) radius:25.0 startAngle:0.0 endAngle:M_PI clockwise:YES];
    [path9 stroke];

    //虚线
    UIBezierPath *path10 = [UIBezierPath bezierPath];
    [path10 setLineWidth:5.0];
    [[UIColor whiteColor]set];
    [path10 moveToPoint:CGPointMake(10, 300)];
    [path10 addLineToPoint:CGPointMake(SCREEN_WIDTH - 10, 300)];
    CGFloat lineDash[] = {10.0,2.0,5.0,5.0};
    //奇数实线,偶数虚线,phase起始偏移
    [path10 setLineDash:lineDash count:4 phase:0];
    [path10 stroke];
}

  1-2)、在普通方法里使用,需要画布。配合 CAShapeLayer 。

    注意:1、设置线宽、颜色、填充等,都由 CAShapeLayer 完成,UIBezierPath 只完成路径的绘画。

       2、CAShapeLayer的大小,可以设成屏幕的大小 SCREEN.BOUNDS。UIBezierPath画完线条后,自动剪裁,如果没闭合,会自动连接起点、终点剪裁。

    

    下面是学习过程中的代码

- (void)drawTest
{
    //矩形
    CGRect rect1 = {20, 20, 50, 50};
    UIBezierPath *path1 = [UIBezierPath bezierPathWithRect:rect1];

    CAShapeLayer *shapeLayer1 = [[CAShapeLayer alloc]init];
    shapeLayer1.position = self.layer.position;
    shapeLayer1.bounds = self.layer.bounds;
    shapeLayer1.path = path1.CGPath;
    shapeLayer1.fillColor = [UIColor grayColor].CGColor;
    [self.layer addSublayer:shapeLayer1];

    //内切圆
    CGRect rect2 = {100, 20, 50, 50};
    UIBezierPath *path2 = [UIBezierPath bezierPathWithOvalInRect:rect2];

    CAShapeLayer *shapeLayer2 = [[CAShapeLayer alloc]init];
    shapeLayer2.position = self.layer.position;
    shapeLayer2.bounds = self.layer.bounds;
    shapeLayer2.path = path2.CGPath;
    shapeLayer2.fillColor = [UIColor blueColor].CGColor;
    shapeLayer2.strokeColor = [UIColor orangeColor].CGColor;
    shapeLayer2.strokeStart = 0.0;
    shapeLayer2.strokeEnd = 0.7;
    shapeLayer2.lineWidth = 3.0;
    [self.layer addSublayer:shapeLayer2];

    //画线
    UIBezierPath *path3 = [UIBezierPath bezierPath];
    [path3 moveToPoint:CGPointMake(100, 100)];
    [path3 addLineToPoint:CGPointMake(150, 100)];
    [path3 addLineToPoint:CGPointMake(150, 150)];
    [path3 addLineToPoint:CGPointMake(100, 150)];
    [path3 addLineToPoint:CGPointMake(100, 100)];
    [path3 addLineToPoint:CGPointMake(200, 125)];
    [path3 addLineToPoint:CGPointMake(150, 150)];

    CAShapeLayer *shapeLayer3 = [[CAShapeLayer alloc]init];
    shapeLayer3.position = self.layer.position;
    shapeLayer3.bounds = self.layer.bounds;
    shapeLayer3.path = path3.CGPath;
    shapeLayer3.fillColor = [UIColor redColor].CGColor;
    shapeLayer3.strokeColor = [UIColor orangeColor].CGColor;
    shapeLayer3.lineWidth = 3.0;
    shapeLayer3.fillRule = kCAFillRuleEvenOdd;
    [self.layer addSublayer:shapeLayer3];
}

时间: 2024-10-18 07:20:34

iOS:绘图的相关文章

iOS绘图教程

Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理.脱屏渲染,模板.渐变.遮蔽.图像数据管理.图像的创建.遮罩以及PDF文档的创建.显示和分析.为了从感官上对这些概念做一个入门的认识,你可以运行一下官方的example code. iOS支持两套图形API族:Core Graphics/QuartZ 2D 和OpenGL ES.OpenGL ES是跨平台的

ios绘图总结

ios绘图总结 分类: IOS_绘图 2012-11-28 11:21 347人阅读 评论(0) 收藏 举报 http://www.cnblogs.com/yuanxiaoping_21cn_com/archive/2012/03/24/2415706.html 0 CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文 1 CGContextMoveToPoint 开始画线 2 CGContextAddLineToPoint 画直

绘制阴影引发的 iOS 绘图性能问题总结

转自:http://blog.devdlh.com/blog/2013/03/18/performance-problerm-caused-by-shadowpath/ 绘制阴影引发的 iOS 绘图性能问题总结 MAR 18TH, 2013 | COMMENTS 在 iOS 开发中,通过设置 layer 的 shadowColor.shadowOpacity.shadowOffset.shadowRadius 几个属性可以很方便的为 UIView 添加阴影效果.但是前段时间碰到一个问题,在添加了

ios绘图教程(转摘)

Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理.脱屏渲染,模板.渐变.遮蔽.图像数据管理.图像的创建.遮罩以及PDF文档的创建.显示和分析.为了从感官上对这些概念做一个入门的认识,你可以运行一下官方的example code. iOS支持两套图形API族:Core Graphics/QuartZ 2D 和OpenGL ES.OpenGL ES是跨平台的

iOS绘图教程(个人学习总结)

iOS绘图教程:http://www.cocoachina.com/applenews/devnews/2014/0115/7703.html 本篇博文是为了梳理学习过程中得框架,上边链接是cocoachina的教程,更详细一些 iOS支持两套图形API族:Core Graphics/QuartZ 2D 和OpenGL ES 路径用于描述由一序列线和Bézier曲线构成的2D几何形状 Core Graphics中也有一些用于创建简单路径(比如矩形和椭圆形)的便利函数.对于更为复杂的路径,必须用C

iOS绘图详解

Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高保真度的2D渲染.该框架可以用于基于路径的绘图.变换.颜色管理.脱屏渲染,模板.渐变.遮蔽.图像数据管理.图像的创建.遮罩以及PDF文档的创建.显示和分析.为了从感官上对这些概念做一个入门的认识,你可以运行一下官方的 example code. iOS支持两套图形API族:Core Graphics/QuartZ 2D 和OpenGL ES.OpenGL ES是跨平台

IOS绘图详解(http://blog.163.com/wkyuyang_001/blog/static/10802122820133190545227/)

14.1 Quartz概述 Quartz是Mac OS X的Darwin核心之上的绘图层,有时候也认为是CoreGraphics.共有两种部分组成Quartz: Quartz Compositor,合成视窗系统,管理和合成幕后视窗影像来建立Mac OS X使用者接口. Quartz 2D,是iOS和Mac OS X环境下的二维绘图引擎. 涉及内容包括:基于路径的绘图,透明度绘图,遮盖,阴影,透明层,颜色管理,防锯齿渲染,生成PDF,以及PDF元数据相关处理. 14.2 绘制基本几何图形 视图绘制

蓝懿IOS绘图Quartz2D练习

今天刘国斌老师给我们讲了Quartz2D,它是一个绘图工具在oc语言里设计者想在页面上画东西,必须先准备画板,再准备画布,之后在画布上绘图,最后渲染到屏幕. 开课快两个月了,老师讲课方式很独特,能够尽量让每个人都能弄明白,有的比较难懂的地方,如果有的地方还是不懂得话,老师会换个其它方法再讲解,这对于我们这些学习iOS的同学是非常好的,多种方式的讲解会理解得更全面,这个必须得给个赞,嘻嘻,还有就是这里的学习环境很好,很安静,可以很安心的学习,安静的环境是学习的基础,小班讲课,每个班20几个学生,学

ios绘图时的坐标处理

在iOS中,进行绘图操作时,一般主要是在UIView:drawRect中调用 UIGraphicsBeginImageContextWithOptions等一系列函数,有时候直接画图就行,比如UIImage的drawRect等,有时候需要进行稍微复杂的操作,比如颜色混合,mask等,需要对CGContextRef进行CTM变换,通过今天查阅资料了解到: UIKit和Quartz 绘图的坐标系统是不一样的,前者原点为左上,后者为左下. 如果是直接使用UIKit的方法进行调用绘图上下文CGConte

IOS绘图探索

参考:http://www.cocoachina.com/industry/20140115/7703.html 参考:http://blog.sina.com.cn/s/blog_6b60259a0101c90g.html 参考原文:http://www.cnblogs.com/xdream86/archive/2012/12/12/2814552.html UIBazier使用参考:http://blog.csdn.net/guo_hongjun1611/article/details/78