Core Graphics图形基础练习，提升你的绘图技能！

IOS

2023-12-18 15:37:08

掌握 Core Graphics 绘图：一步步引领你迈向图形大师之路

Core Graphics 的魔力

Core Graphics 是苹果提供的强大图形库，它赋予开发人员直接操纵图形上下文的能力，从而创造出令人惊艳的视觉效果。掌握 Core Graphics 绘图的关键在于理解以下步骤：

创建绘图上下文： 这是你的绘图画布，你可以使用 UIGraphicsGetCurrentContext() 函数获取当前上下文。
设置绘图属性： 自定义线宽、颜色和填充模式，打造独特的绘制风格。
绘制图形： 通过 Core Graphics 函数（如 CGContextAddLineToPoint() 和 CGContextFillEllipse()）描绘形状和线条。
结束绘图： 调用 CGContextFlush() 函数将绘图命令发送到图形上下文。

从零到英雄：基本图形练习

夯实 Core Graphics 绘图基础至关重要。以下是几个基本练习，帮助你踏上图形大师之旅：

1. 绘制直线

- (void)drawLineFromPoint:(CGPoint)startPoint toPoint:(CGPoint)endPoint {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context, 2.0);
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    CGContextMoveToPoint(context, startPoint.x, startPoint.y);
    CGContextAddLineToPoint(context, endPoint.x, endPoint.y);
    CGContextStrokePath(context);
}

2. 绘制矩形

- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
    CGContextFillRect(context, rect);
}

3. 绘制圆角矩形

- (void)drawRoundedRect:(CGRect)rect withCornerRadius:(CGFloat)cornerRadius {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor greenColor].CGColor);
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:cornerRadius];
    CGContextAddPath(context, path.CGPath);
    CGContextFillPath(context);
}

4. 绘制椭圆

- (void)drawEllipseInRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextSetLineWidth(context, 2.0);
    CGContextAddEllipseInRect(context, rect);
    CGContextStrokePath(context);
}

5. 绘制圆（通过弧线）

- (void)drawCircleWithCenter:(CGPoint)center radius:(CGFloat)radius {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor yellowColor].CGColor);
    CGContextAddArc(context, center.x, center.y, radius, 0, 2 * M_PI, NO);
    CGContextFillPath(context);
}