iOS CGContext 绘制填充矩形教程

作为一名经验丰富的开发者，我很高兴能够为刚入行的小白提供帮助。在这篇文章中，我将详细介绍如何在 iOS 中使用 CGContext 绘制填充矩形。我们将通过一个简单的示例来展示整个过程。

流程图

首先，让我们通过一个流程图来了解整个过程：

flowchart TD
    A[开始] --> B[创建图形上下文]
    B --> C[设置填充颜色]
    C --> D[绘制矩形路径]
    D --> E[填充矩形]
    E --> F[结束]

步骤详解

1. 创建图形上下文

在 iOS 中，我们首先需要创建一个 CGContext 对象。这通常在视图的 draw(_:) 方法中完成。

override func draw(_ rect: CGRect) {
    guard let context = UIGraphicsGetCurrentContext() else { return }

2. 设置填充颜色

接下来，我们需要设置填充矩形的颜色。这里我们使用红色作为示例。

    context.setFillColor(UIColor.red.cgColor)

3. 绘制矩形路径

在这一步，我们需要定义矩形的位置和大小。这里我们绘制一个位于视图中心的矩形。

    let rect = CGRect(x: 50, y: 50, width: 100, height: 100)
    context.addRect(rect)

4. 填充矩形

最后，我们调用 fill 方法来填充矩形。

    context.fillPath()
}

完整代码

将上述代码片段组合在一起，我们得到以下完整的示例代码：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext() else { return }

        // 设置填充颜色
        context.setFillColor(UIColor.red.cgColor)

        // 绘制矩形路径
        let rect = CGRect(x: 50, y: 50, width: 100, height: 100)
        context.addRect(rect)

        // 填充矩形
        context.fillPath()
    }
}

类图

以下是 ViewController 类的类图：

classDiagram
    class ViewController {
        +draw(rect: CGRect)
    }

结尾

通过这篇文章，你应该已经了解了如何在 iOS 中使用 CGContext 绘制填充矩形。这个过程包括创建图形上下文、设置填充颜色、绘制矩形路径和填充矩形。希望这篇文章对你有所帮助，祝你在 iOS 开发的道路上越走越远！如果你有任何问题或需要进一步的帮助，请随时联系我。