CGPoint, CGSize, CGRect

🧠 Why?

iOS에서 View를 그리기 위해선 다음과 같은 것들이 필요하다.

View의 시작 위치를 알기위한 x,y 좌표

(이 좌표는 iOS 뷰 기준점인 **왼쪽 꼭대기 (0,0)**으로부터 시작)

시작지점부터 어느 크기만큼 그릴 건지에 대한 width, height

CGPoint

A structure that contains a point in a two-dimensional coordinate system

2차원 좌표계의 점을 포함하는 구조체

public struct CGPoint {

    public var x: CGFloat

    public var y: CGFloat

    public init()

    public init(x: CGFloat, y: CGFloat)
}

다음과 같이 CGFloat 타입의 x, y 값을 가지는 구조체이다.

✨ 따라서 View의 위치를 나타낼 때 CGPoint를 사용한다.
그러나 꼭 View의 위치를 나타낼 때만 쓰는 것이 아니라 x, y 를 나타내야 할 때 언제든 사용 가능하다.

let pos: CGPoint = .init(x: 100, y: 200)

// 내가 사용한 예
let scene = GameScene(size: view.frame.size)

scene.anchorPoint = CGPoint(x: 0, y: 1)
// 원점을 왼쪽 상단으로 설정

CGSize

A structure that contains width and height values

너비와 높이 값을 포함하는 구조체
사각형을 의미하는 것이 아님

public struct CGSize {
    
    public var width: CGFloat

    public var height: CGFloat

    public init()

    public init(width: CGFloat, height: CGFloat)
}

다음과 같이 CGFloat 타입의 width, height 값을 가지는 구조체이다.

View의 사이즈를 나타낼 때 CGSize를 사용할 수 있다.

let size: CGSize = .init(width: 150, height: 200)

CGRect

A structure that contains the location and dimensions of a rectangle

사각형의 위치와 크기를 포함하는 구조체
실제 UIView를 구현할 땐 frame의 파라미터로 CGRect가 사용된다.

let myView: UIView = .init(frame: CGRect)

public struct CGRect {

    public var origin: CGPoint

    public var size: CGSize

    public init()

    public init(origin: CGpoint, size: CGSize)
}

위 코드에서 보이듯 CGRect는 CGPoint 타입의 origin과 CGSize 타입의 size를 포함하고 있다.
즉, View를 나타낼 때 origin은 x,y 좌표를 size는 width, height를 나타낸다고 생각하면 된다.

실제 View의 frame에 접근하는 법

let rect: CGRect = .init(origin: CGPoint(x: 100, y: 200), size: CGSize(width: 150, height: 200))

간단하게 표현

let rect: CGRect = .init(x: 100, y: 200, width: 150, height: 200)

실제 View 정의

let rect: CGRect = .init(x: 100, y: 200, width: 150, height: 200)
let myView: UIView = .init(frame: rect)

myView.backgroundColor = .blue
self.view.addSubview(myView)

🧠 Why?
CGPoint
CGSize
CGRect