GeometryReader

• 뷰 컨테이너를 그 자체의 크기와 좌표 공간의 함수로 정의하는 컨테이너 뷰
• 부모 레이아웃에 대해 flexible한 preferred size를 반환

GeometryProxy

• 컨테이너 뷰의 크기, 좌표 공간에 대한 액세스를 할 수 있는 프록시
• geometry 특성에 접근할 수 있는 프로퍼티/메서드들이 존재함

  • func bounds(of: NamedCoordinateSpace) -> CGRect?

    : 주어진 좌표 공간의 bounds 사각형(CGRect)을 반환하여 이를 로컬 좌표 공간으로 변환

  • func frame(in:)

    : 컨테이너 뷰의 bounds 사각형을 정의한 좌표 공간으로 반환

  • var size: CGSize

    : 컨테이너 뷰의 size

  • var safeAreaInsets: EdgeInsets

    : 컨테이너 뷰의 safe area inset

  • subscript<T>(Anchor<T>) -> T

    : 컨테이너 뷰에 대한 anchor 값을 resolve

  • func transform(in: some CoordinateSpaceProtocol) -> AffineTransform3D?

    : 컨테이너 뷰의 3D transform을 정의한 좌표 공간으로 변환하여 반환

SwiftUI의 레이아웃 구성 방식

• 부모 뷰는 자식 뷰에게 가용 사이즈를 알려줌
  • 자식은 그 사이즈를 받아서 참고할 수 있지만, 결국 지맘대로 원하는 크기로 결정 가능
    • 부모는 선택을 존중한다.
• 최하단까지 도착하고 나면 가장 하위 계층의 자식이 결정한 크기를 위로 전파

WWDC22 - Compose custom layouts with SwiftUI

Compose custom layouts with SwiftUI - WWDC22 - Videos - Apple Developer

SwiftUI에서는 커스텀 혼합 뷰를 만들 수 있도록 다양한 레이아웃 도구를 제공

레이아웃을 더 쉽게 구성하고, 복잡한 레이아웃을 구성할 수 있도록 해주는 새로 추가된 도구들을 소개하는 세션

• Grid : 고정된 뷰를 나타냄
• Layout : 레이아웃 엔진과 직접 상호작용하여 커스텀 뷰 컨테이너를 만들 수 있게 해줌 (새로 추가된 프로토콜)
• ViewThatFits : 가용한 공간에 맞는 뷰 컬렉션을 자동으로 선택
• AnyLayout : 레이아웃 타입 간 전환 가능