[iOS][SwiftUI] horizontalSizeClass, verticalSizeClass 알아보기

안녕하세요. iOSangBong입니다.

오늘은 horizontalSizeClass, verticalSizeClass에 대해 알아보겠습니다.

 

프로젝트를 진행할 때

저희는 패드에서도 앱을 사용할 수 있기 때문에

오토레이아웃에 대해 꽤 중요하게 생각을 하는 부분입니다.

 

SwiftUI에서는 그래도 잘 잡아줘서 문제가 없지만

화면의 사이즈가 필요한 경우가 있습니다.

 

그럴때 사용하기 좋은게 

horizontalSizeClass, verticalSizeClass 입니다.

 

EnvironmentValues 에 포함되어 있는 프로퍼티들로

 

이런 식으로 간단하게 사용할 수 있습니다.

 

horizontalSizeClass, verticalSizeClass 둘다

UserInterfaceSizeClass에 속해 있는 compact와 regular를 사용할 수 있습니다.

compact는 작은 사이즈, regular는 큰 사이즈 입니다.

 

간단히 테스트를 해봅시다!

horizontalSizeClass, verticalSizeClass가 둘다 Regular, Regular면  주황색으로 나타내게 해봤습니다.

 

이제 빌드를 해보면?

사이즈에 따라 배경색이 변하는 걸 확인 할 수 있습니다.

 

프로젝트를 하면서 생각보다 자주 사용되서 한번 알아두시면 유용하게 쓰실 수 있을 겁니다.

 

다들 즐코딩하세요. 그럼 이만~