美文网首页
Quartz2D绘制线段、三角形、四边形、圆形等图形的代码

Quartz2D绘制线段、三角形、四边形、圆形等图形的代码

作者: BeanBinLi | 来源:发表于2018-03-16 10:30 被阅读19次

线段代码展示:

代码:

- (void)drawRect:(CGRect)rect
{
    CGContextRef line = UIGraphicsGetCurrentContext(); // 不需要* ,获得图形上下文

    CGContextMoveToPoint(line, 50, 50); // 设置线段起点

    CGContextAddLineToPoint(line, 250, 50); // 设置线段重点

    CGContextSetRGBStrokeColor(line, 0, 1.0, 0, 1.0); // 设置险段的颜色

    CGContextSetLineWidth(line, 10); // 设置线断的宽度

    CGContextSetLineJoin(line, kCGLineJoinRound); // 设置线断起点和终点的样式都为圆角

    CGContextSetLineCap(line, kCGLineCapRound); // 设置险段的转角样式为圆角

    CGContextStrokePath(line); // 渲染,绘制出一条空心的线断

    CGContextRef lineOne = UIGraphicsGetCurrentContext(); // 设置第二条线

    CGContextMoveToPoint(lineOne, 50, 150); // 设置线段起点

    CGContextAddLineToPoint(lineOne, 200, 20); // 设置线段终点

    CGContextSetRGBStrokeColor(lineOne, 1.0, 0, 0, 1.0); // 设置线断颜色

    CGContextSetLineWidth(lineOne, 10); // 设置线段宽度

    CGContextStrokePath(lineOne); // 渲染,绘制出一条空心的线断
}
@end

三角形代码展示:

代码:

- (void)drawRect:(CGRect)rect
{
    CGContextRef triangle = UIGraphicsGetCurrentContext(); // 获得图形上下文

    CGContextMoveToPoint(triangle, 150, 40); // 设置起点

    CGContextAddLineToPoint(triangle, 60, 200); // 设置第二个点

    CGContextAddLineToPoint(triangle,240, 200); // 设置第三个点

    CGContextClosePath(triangle); // 关闭起点和终点

    CGContextStrokePath(triangle); // 渲染,绘制出三角形
}
@end

实心四边形、空心四边形,代码展示:

代码:

- (void)drawRect:(CGRect)rect
{
    CGContextRef quadrilateral = UIGraphicsGetCurrentContext(); // 获得图形上下文

    CGContextAddRect(quadrilateral, CGRectMake(45, 45, 200, 200)); // 设置起始坐标,以及长和宽

    CGContextSetRGBFillColor(quadrilateral, 1.0, 1.0, 0, 1); // 设置实心颜色

    //CGContextSetRGBStrokeColor(quadrilateral, 1.0, 1.0, 0, 1.0); // 设置空心颜色

    //CGContextStrokePath(quadrilateral); // 渲染空心,绘制四边形 

    CGContextFillPath(quadrilateral); // 渲染实心,绘制出四边形 
}
@end

实心圆形、空心圆形、椭圆,代码展示:

空心圆形代码:

- (void)drawRect:(CGRect)rect
{
    CGContextRef round = UIGraphicsGetCurrentContext(); // 获取上下文

    CGContextAddEllipseInRect(round, CGRectMake(50, 50, 100, 100)); // 画圆

    CGContextSetRGBStrokeColor(round, 0, 0, 0, 1);// 设置颜色

    CGContextStrokePath(round); // 渲染,将空心圆形画出
}
@end

椭圆代码:

- (void)drawRect:(CGRect)rect
{
    CGContextRef circular = UIGraphicsGetCurrentContext(); // 获取上下文

    CGContextAddEllipseInRect(circular, CGRectMake(100, 100, 100, 100)); // 画圆(100,100 变成不等大的就是椭圆,这里不再贴重复代码)

    CGContextSetRGBFillColor(circular, 1.0, 0, 1.0, 1);// 设置颜色

    CGContextFillPath(circular); // 渲染,将实心圆形画出
}
@end

实心圆弧、空心圆弧、圆环,代码展示:

实心圆弧:

- (void)drawRect:(CGRect)rect
{
    CGContextRef arc = UIGraphicsGetCurrentContext(); // 获取上下文 

    CGContextMoveToPoint(arc, 150, 150); // 画线

    CGContextAddLineToPoint(arc, 150, 150); // 画线

    CGContextAddArc(arc, 150, 150, 100, M_PI_2, M_PI, 0); // (150,150)圆心 (100)半径 (M_PI_2) 弧度开始的大小 (M_PI) 弧度结束的大小 (0,1)顺时针, 逆时针

    CGContextClosePath(arc); // 关闭路径

    [[UIColor purpleColor]set]; // 设置颜色

    CGContextFillPath(arc); // 3.渲染( Fill 改成 Stroke 变成空心,不重复贴代码) 
}
@end

环形代码:

- (void)drawRect:(CGRect)rect
{
    CGContextRef annular = UIGraphicsGetCurrentContext();

    CGContextAddArc(annular, 100, 100, 50, 1, 20, 0);

    CGContextSetLineWidth(annular, 10);

    [[UIColor greenColor]set];

    CGContextStrokePath(annular);
}
@end

相关文章

  • Quartz2D绘制线段、三角形、四边形、圆形等图形的代码

    线段代码展示: 代码: 三角形代码展示: 代码: 实心四边形、空心四边形,代码展示: 代码: 实心圆形、空心圆形、...

  • QuartzCore(绘图)

    什么是Quartz2D Quartz2D 是一个二维绘图引擎 绘制图形:线条、三角形、矩形、圆形、弧等 绘制文字 ...

  • iOS用户头像的圆形图片裁剪常用方法

    使用图层剪切 通过Quartz2D将图形绘制出一张圆形图片 通常的解决的办法就是通过Quartz2D将图形绘制出一...

  • Quartz2D

    Quartz2D Quartz2D概述 Quartz2D可以完成什么:绘制图形:线,三角形,圆,椭圆等等绘制文字(...

  • Quartz2D使用详解

    首先介绍一下使用Quartz2D能做些什么: 绘制图形 : 线条\三角形\矩形\圆\弧等; 绘制文字; 绘制\生成...

  • PPT设计思路——常见图形设计

    在PPT中,我们可以知道关于图形的绘制,可以绘制出来很多不同的形状,三角形、圆形、四边形、心形、标注框、剪头等等很...

  • Quartz2D绘图基础篇

    Quartz2D的作用: 绘制图形:线条\三角形\矩形\园\孤绘制文字绘制\生成图片读取\生成PDF截图\裁剪图片...

  • Objective-C ios图形各种线条绘制

    IOS 图形绘制 绘制直线 矩形绘制 三角形绘制 任意弧形绘制 圆形绘制 绘制的属性 虚线的绘制 UIView d...

  • 43. 线段绘制

    本文解释线段绘制,并通过线段绘制出三角形 线段与线段构成的三角形如下:

  • 纯CSS制作图形效果

    使用CSS可以制作三角形、圆形、半圆形、平行四边形、扇形以及一些复杂的图形效果。先来看看三角形、圆形、半圆形、扇形...

网友评论

      本文标题:Quartz2D绘制线段、三角形、四边形、圆形等图形的代码

      本文链接:https://www.haomeiwen.com/subject/sojlqftx.html