How to tile an image

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-tile-an-image]

 

How to tile an image

 

SwiftUI는 이미지 뷰가 설계된 공간보다 더 많은 공간을 요청하는 경우에, 기본 동작은 요청한 공간에 맞게 이미지를 늘리는 것입니다. 하지만, 그 방법이 필요하지 않습니다: 이미지에 타일(tile) 채우기도 마찬가지이며, 예를 들어, 공간이 완전히 채워지도록 수평과 수직을 반복합니다.

 

핵심은 resizingMode 매개변수로 resizable() modifier을 사용하는 것입니다. 이는 .stretch(기본값) 또는 .tile중 하나가 될수 있으며, 원하는 것이 .tile 입니다.

 

코드는 다음과 같을 것입니다:

Image("YourImage")
    .resizable(resizingMode: .tile)

 

이미지의 일부만 타일로 채우기를 원하는 경우에(이미지의 모서리에 하나 이상의 고정된 모서리 사용), 다음과 같이 첫번재 매개변수에 edge inset을 제공할 수 있습니다.

Image("YourImage")
    .resizable(capInsets: EdgeInsets(top: 20, leading: 20, bottom: 20, trailing: 20), resizingMode: .tile)