5. [SwiftUI] Image() 이미지 삽입

 

외부 이미지를 삽입하는 방법.

Shape와 동일하게 사이즈 변경 가능하게 .resizable() 해준 다음 frame, aspectRatio 등 다양한 Modifier를 활용 가능하다.

이미지가 만약 흰 배경이라면.. 렌더링 모드를 .template으로 해서 위와 같이 색을 바꿔주는 것도 가능하다.

혹은 Assets의 인스펙터에서 Render As를 Template Image로 바꿔줄 수도 있다.

 

//  Created by Toughie on 2023/04/03.
//

import SwiftUI

struct ImageView: View {
    var body: some View {
            Image("프사")
            .renderingMode(.template)
            //이미지를 템플릿으로 쓰겠다.

            .resizable()
        
            .frame(width: 300, height: 300)
            .aspectRatio( contentMode: .fit)
            .clipped()
        
            .scaledToFit()
            .scaledToFit()
            
            .cornerRadius(150)
           // width / 2 만큼 radius 주면 원
           
            .clipShape(
                Circle()
                Ellipse()
                RoundedRectangle()
            )
            .foregroundColor(.blue)
    }
}