iPhone CGContext：用两种不同颜色绘制两条线

iphone

如何使用iphone的CGContext绘制两条不同颜色的线？

在IOS开发中，我们经常需要使用图形上下文（CGContext）来进行绘制操作。其中一个常见的需求是在屏幕上绘制不同颜色的线条。本文将介绍如何使用iphone的CGContext来实现这一功能，并提供案例代码供参考。

首先，我们需要创建一个自定义的UIView子类，用于承载我们的绘制操作。在该子类中，我们需要重写drawRect方法来进行绘制。

Swift
class LineView: UIView {
    
    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetcurrentContext() else { return }
        
        // 绘制第一条线
        context.setStrokeColor(UIColor.red.cgColor)
        context.setLineWidth(2.0)
        context.move(to: CGPoint(x: 50, y: 50))
        context.addLine(to: CGPoint(x: 200, y: 50))
        context.strokePath()
        
        // 绘制第二条线
        context.setStrokeColor(UIColor.blue.cgColor)
        context.setLineWidth(2.0)
        context.move(to: CGPoint(x: 50, y: 100))
        context.addLine(to: CGPoint(x: 200, y: 100))
        context.strokePath()
    }
}

在上述代码中，我们首先获取当前的图形上下文（context），然后通过设置画笔颜色（setStrokeColor）和线条宽度（setLineWidth）来定义绘制的样式。接下来，我们使用move方法设置线条的起点，再使用addLine方法设置线条的终点，并最终通过调用strokePath方法来实际进行绘制。

在绘制第一条线时，我们将画笔颜色设置为红色（UIColor.red.cgColor），并绘制了一条从坐标点（50, 50）到（200, 50）的线条。

在绘制第二条线时，我们将画笔颜色设置为蓝色（UIColor.blue.cgColor），并绘制了一条从坐标点（50, 100）到（200, 100）的线条。

通过这样的方式，我们就可以在屏幕上绘制出两条不同颜色的线条了。

案例代码：

Swift
import UIKit
class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let lineView = LineView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
        lineView.center = view.center
        view.addSubview(lineView)
    }
}

在上述代码中，我们在ViewController的viewDidLoad方法中创建了一个LineView实例，并将其添加到了视图控制器的视图中。通过设置LineView的frame和center属性，我们将其显示在屏幕正中央。

运行该应用程序，我们就可以看到屏幕上绘制出了一条红色的线条和一条蓝色的线条。

：

本文介绍了如何使用iphone的CGContext绘制两条不同颜色的线条。通过使用CGContext的相关方法，我们可以轻松地实现绘制操作，并且可以自由地设置线条的颜色、宽度等属性。这为我们在IOS开发中实现各种绘图需求提供了很大的灵活性。希望本文对大家有所帮助！