IOS开发之——图形绘制-矩形操作(9)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

本文介绍自定义View矩形操作：

  • 矩形平移
  • 矩形旋转
  • 矩形缩放

二 原始矩形

2.1 代码

1
2
3
4
5
6
7
8
9
10
11
12
- (void)drawRect:(CGRect)rect {
    // Drawing code
    //1.获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路径
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(-50, -100, 150, 200)];
    //3.把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    [[UIColor yellowColor]set];
    //4.渲染
    CGContextFillPath(ctx);
}

2.2 原始矩形图

三 矩形操作

矩形操作说明：你的路径一定放在矩形操作之后

3.1 矩形平移

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
- (void)drawRect:(CGRect)rect {
    // Drawing code
    //1.获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(ctx, 50, 100);
    //2.拼接路径
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(-50, -100, 150, 200)];
    //3.把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    [[UIColor yellowColor]set];
    //4.渲染
    CGContextFillPath(ctx);
}

平移后效果图

3.2 旋转操作

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
- (void)drawRect:(CGRect)rect {
    // Drawing code
    //1.获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(ctx, 50, 100);
    CGContextRotateCTM(ctx, M_PI_4);
    //2.拼接路径
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(-50, -100, 150, 200)];
    //3.把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    [[UIColor yellowColor]set];
    //4.渲染
    CGContextFillPath(ctx);
}

旋转后效果图

3.3 矩形缩放

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- (void)drawRect:(CGRect)rect {
    // Drawing code
    //1.获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(ctx, 50, 100);
    CGContextRotateCTM(ctx, M_PI_4);
    CGContextScaleCTM(ctx, 0.5, 1.2);
    //2.拼接路径
    UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(-50, -100, 150, 200)];
    //3.把路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    [[UIColor yellowColor]set];
    //4.渲染
    CGContextFillPath(ctx);
}

缩放后效果图