[swift] Swift Core Graphics로 곡선 그리기

12 Dec 2023

swift

Swift에서 Core Graphics 프레임워크를 사용하여 곡선을 그리는 방법을 알아보겠습니다. 이 예시에서는 UIView를 상속하는 커스텀 뷰에 곡선을 그리는 방법을 다룰 것입니다.

커스텀 뷰 생성

먼저, 곡선을 그릴 커스텀 뷰를 생성합니다.

import UIKit

class CurveView: UIView {

    override func draw(_ rect: CGRect) {
        super.draw(rect)
        drawCurve()
    }

    func drawCurve() {
        // 여기에 곡선을 그리는 코드를 추가합니다
    }
}

곡선 그리기

이제 drawCurve 함수에서 실제로 곡선을 그려보겠습니다.

func drawCurve() {
    let path = UIBezierPath()
    path.move(to: CGPoint(x: 50, y: 100))
    path.addQuadCurve(to: CGPoint(x: 200, y: 100), controlPoint: CGPoint(x: 125, y: 50))
    UIColor.blue.set()
    path.lineWidth = 5
    path.stroke()
}

위의 예시에서, UIBezierPath를 사용하여 시작점(move(to:)), 곡선 끝점과 제어점(addQuadCurve(to:controlPoint:))을 지정하고, 선 색상과 두께를 설정한 후 곡선을 그리는 코드가 포함되어 있습니다.

렌더링

커스텀 뷰가 렌더링될 때, draw 메서드가 호출되어 drawCurve 함수가 실행됩니다. 이를 확인하기 위해 뷰 컨트롤러에서 커스텤 뷰를 추가하고 화면에 표시해보세요.

let curveView = CurveView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
curveView.backgroundColor = .white
view.addSubview(curveView)

이제 앱을 실행하고 곡선이 그려진 커스텀 뷰를 확인할 수 있을 것입니다.

위 예시를 참고하여 Swift에서 Core Graphics를 사용하여 곡선을 그리는 방법을 익혔습니다. 여기서 다룬 내용을 바탕으로 사용자 정의 그래픽을 그리는 데 활용할 수 있을 것입니다.

커스텀 뷰 생성

곡선 그리기

렌더링

참고 자료