SwiftUI의 ViewThatFits 알아보기

SwiftUI의 ViewThatFits 개요 (Apple Developer 문서 요약):

 

ViewThatFits는 여러 뷰 중에서 화면 공간에 가장 적합한 뷰를 자동으로 선택하여 렌더링하는 SwiftUI 컨테이너입니다. 공간 제약 조건에 따라 가장 잘 맞는 뷰를 찾아내므로, UI를 동적으로 조정해야 하는 상황에서 유용합니다.

 

주요 내용:

• 기능:

여러 하위 뷰를 포함할 수 있으며, 해당 공간 제약 조건에 가장 적합한 첫 번째 뷰를 렌더링합니다. 나머지 뷰는 렌더링되지 않습니다.

 

• 사용법:

ViewThatFits는 컨테이너로 동작하며, 내부에 여러 뷰를 정의합니다. 가장 먼저 조건을 충족하는 뷰를 선택합니다.

ViewThatFits {
    Text("짧은 텍스트")
    Text("이 텍스트는 더 길어서 더 많은 공간이 필요합니다.")
}

화면 크기가 작을 경우 “짧은 텍스트”가 선택되고, 크기가 충분히 클 경우 긴 텍스트가 표시됩니다.

 

• 커스텀 레이아웃:

제약 조건을 보다 세부적으로 제어하기 위해 ViewThatFits(in:)를 사용할 수 있습니다. 이 메서드는 사용자가 원하는 특정 사이즈 범위를 지정할 수 있습니다.

ViewThatFits(in: .horizontal) {
    Text("작은 텍스트")
    Text("조금 더 긴 텍스트")
}

 

• 사용 사례:

1. 화면 크기에 따라 UI를 적응적으로 변경할 때.

2. iPhone과 iPad 등 다양한 디바이스에서 뷰의 가변적인 표현이 필요할 때.

3. 제한된 공간에 맞는 최적의 레이아웃을 선택해야 할 때.

 

• 주요 이점:

• 조건부 렌더링 코드 작성 감소.

• 성능 최적화: 선택된 뷰만 렌더링되므로 불필요한 리소스 낭비를 방지.

• SwiftUI의 레이아웃 제약을 더 직관적으로 관리 가능.

---

요약: ViewThatFits는 화면 공간에 따라 동적으로 적합한 뷰를 선택하는 SwiftUI 컨테이너로, 다양한 화면 크기에 최적화된 UI를 쉽게 구현할 수 있게 도와줍니다. 🛠️