WooKoo Blog

물과 같이

개발/개발

[SwiftUI] - Image 이미지

WooKoo 2020. 8. 29. 16:55

 

이미지를 불러오는 방법은

Image("imageName")

 

 

이미지를 유지하고 이미지가 담긴 뷰의 크기를 조절하려고 할 땐

Image("imageName").frame(witdh: 200, height: 200)

 

이미지 크기를 리사이징 하고 싶다면

Image("imageName").resizeble().frame(witdh: 200, height: 200)

 

중요한 것은 resizeble()을 frame 앞에 두어야한다.

 

이미지 타입에 선언 되어있는 것이므로 뷰 프로토콜 이전에 선언되어야 정상적으로 에러없이 호출된다.

 

기본값으로 Scale to Fill 이 적용되어있는데

(비율에 관계없이 이미지를 늘려 공간을 가득채움)

 

Aspect Fit(.scaledToFit())

            Image("SwiftUI").resizable()
                .scaledToFit()
                .frame(width: 100, height: 150)

 

Aspect Fill(.scaledToFill())

         Image("SwiftUI").resizable()
                .scaledToFill()
                .frame(width: 100, height: 150)
                .clipped()

이렇게 사용하면된다.

clipped() 경우 프레임 밖으로 벗어난 이미지들을 제거해준다.