iOS 使用CG绘制有比较虚

原创

mob649e815b5994 2024-10-11 05:18:53 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e815b5994的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS 中使用 CG 绘制的简单教程

在 iOS 开发中，有时我们需要通过 Core Graphics (CG) 进行图形绘制。然而，由于 CG 绘制的方式，可能导致结果显示得比较虚。接下来，我将教你如何在 iOS 中使用 Core Graphics 进行绘制，并避免出现模糊的问题。

整体流程

下面是实现流程的简单表格：

步骤	描述
1. 准备视图	创建一个自定义 UIView 类
2. 重写 `draw` 方法	实现绘制逻辑
3. 设置上下文	配置绘图上下文的属性
4. 进行绘制	使用 CG 函数进行绘制
5. 显示结果	在应用中显示绘制的图形

详细步骤及代码示例

步骤 1: 准备视图

首先，我们需要创建一个自定义的 UIView 类，以便在这个视图中进行绘制。

import UIKit

class CustomDrawingView: UIView {
    // 这里可以定义自定义属性以控制绘制
}

步骤 2: 重写 `draw` 方法

接下来，我们需要重写 draw 方法。在这个方法中，我们会进行实际的绘制。

override func draw(_ rect: CGRect) {
    // 获取当前绘图上下文
    guard let context = UIGraphicsGetCurrentContext() else { return }
    
    // 在此进行后续的绘制操作
}

步骤 3: 设置上下文

在绘制之前，我们通常会设置绘图上下文的一些属性，如线条宽度、颜色等：

// 设置线条颜色为黑色
context.setStrokeColor(UIColor.black.cgColor)

// 设置线条宽度为2.0
context.setLineWidth(2.0)

步骤 4: 进行绘制

使用 Core Graphics 的绘制函数如 move(to:) 和 addLine(to:) 来绘制形状，然后调用 strokePath() 来执行绘制。

context.move(to: CGPoint(x: 10, y: 10)) // 从点(10, 10)开始
context.addLine(to: CGPoint(x: 200, y: 10)) // 画到点(200, 10)
context.strokePath() // 执行绘制

步骤 5: 显示结果

最后，你需要在你的 View Controller 中添加这个自定义视图：

override func viewDidLoad() {
    super.viewDidLoad()

    let drawingView = CustomDrawingView(frame: self.view.bounds)
    drawingView.backgroundColor = .white // 设置视图背景颜色
    self.view.addSubview(drawingView) // 将自定义视图添加到当前视图上
}