How to adjust the way an image is fitted to its space

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-adjust-the-way-an-image-is-fitted-to-its-space]

 

How to adjust the way an image is fitted to its space

 

SwiftUI의 Image 뷰는 UIImageView의 컨텐츠 모드처럼, 다양한 방법으로 크기조절이 가능합니다.

 

기본적으로, 이미지 뷰는 컨텐츠에 맞게 자동으로 크기를 조정하며, 화면을 넘어갈수도 있습니다. resizeable() modifier를 추가해서 이미지는 사용가능한 공간을 모두 채우도록 크기가 자동으로 조정될 것입니다. 

Image("example-image")
    .resizable()

하지만, 이미지의 원래 종횡비가 왜곡될수 있으며, 공간을 채우는데 필요한 양만큼의 모든 차원(dimensions)에서 늘어날 것이기 때문입니다.

 

종횡비를 유지하고자 하는 경우에 다음과 같이 .fill 또는 .fit를 사용해서 aspectRatio modifier를 추가해야 합니다.

Image("example-image")
    .resizable()
    .aspectRatio(contentMode: .fit)