IOS開發之——繪製基本形狀

文章搬運來源：blog.csdn.net/Calvin_zhou…

做者：PGzxc

對iOS開發感興趣，能夠看一下做者的iOS交流羣：812157648，你們能夠在裏面吹水、交流相關方面的知識，羣裏還有我整理的有關於面試的一些資料，歡迎你們加羣，你們一塊兒開車

一 概述

本文介紹基本圖形的繪製：

• 三角形
• 矩形
• 圓形
• 橢圓
• 圓弧
• 封閉圓弧

二 繪製三角形

2.1 繪製代碼

- (void)drawRect:(CGRect)rect {

    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    UIBezierPath *path=[UIBezierPath bezierPath];
    CGPoint startP=CGPointMake(10, 10);
    [path moveToPoint:startP];
    [path addLineToPoint:CGPointMake(125, 125)];
    [path addLineToPoint:CGPointMake(240, 10)];
    [path closePath];
    //[path addLineToPoint:startP];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    [[UIColor blueColor]setFill];
    [[UIColor redColor]setStroke];
    CGContextSetLineWidth(ctx, 15);
    //4.渲染上下文
    //CGContextStrokePath(ctx);
    //CGContextFillPath(ctx);
    CGContextDrawPath(ctx,kCGPathFillStroke); 
}

複製代碼

2.2 給三角形添加文字

- (UILabel *)label{
    if (_label==nil) {
        UILabel *label=[[UILabel alloc]initWithFrame:CGRectMake(0, 0, 250, 100)];
        label.text=@"s";
        label.textColor=[UIColor yellowColor];
        label.font=[UIFont systemFontOfSize:60];
        label.textAlignment=NSTextAlignmentCenter;
        [self addSubview:label];
    }
    return _label;
}
- (void)awakeFromNib
{
    self.label;
}

複製代碼

2.3 效果圖

三 繪製矩形

3.1 代碼

- (void)drawRect:(CGRect)rect {
    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    UIBezierPath *paht=[UIBezierPath bezierPathWithRect:CGRectMake(10, 10, 200, 200)];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, paht.CGPath);
    //4.渲染上下文
    CGContextStrokePath(ctx);
}

複製代碼

3.2 效果圖

四 繪製圓

4.1 代碼1

- (void)drawRect:(CGRect)rect {

    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(10, 10, 200, 200)];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    //4.渲染上下文
    CGContextStrokePath(ctx);

}

複製代碼

4.2 代碼2

- (void)drawRect:(CGRect)rect {

    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    UIBezierPath *paht=[UIBezierPath bezierPathWithRect:CGRectMake(10, 10, 200, 200)];
    paht=[UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 200, 200) cornerRadius:100];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, paht.CGPath);
    //4.渲染上下文
    CGContextStrokePath(ctx);

}

複製代碼

4.3 效果圖

五 繪製橢圓

5.1 代碼

- (void)drawRect:(CGRect)rect {

    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(10, 10, 200, 100)];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    //4.渲染上下文
    CGContextStrokePath(ctx);
}

複製代碼

5.2 效果圖

六 圓弧

6.1 代碼

- (void)drawRect:(CGRect)rect {
    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    CGPoint center=CGPointMake(125, 125);
    CGFloat radius=100;
    CGFloat startA=0;
    CGFloat endA=M_PI;
    UIBezierPath *path=[UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:NO];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    //4.渲染上下文
    CGContextStrokePath(ctx);

}

複製代碼

6.2 效果圖

七 封閉圓弧

7.1 代碼

- (void)drawRect:(CGRect)rect {
    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    CGPoint center=CGPointMake(125, 125);
    CGFloat radius=100;
    CGFloat startA=0;
    CGFloat endA=M_PI_2;
    UIBezierPath *path=[UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    //4.渲染上下文
    //CGContextStrokePath(ctx);
    CGContextFillPath(ctx);

}

複製代碼

7.2 效果圖