SwiftUIで画像を丸く切り取り、枠を付ける

iOS
Swift
SwiftUI

2020年9月7日

SwiftUIで丸い枠に合わせて画像を丸く切り取り、枠を付ける方法です。アイコンの表示する箇所などによく使います。

SwiftUI

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        Image("icon")
            .resizable()
            .scaledToFill()
            .frame(width: 150, height: 150)
            .cornerRadius(75)
            .overlay(
                RoundedRectangle(cornerRadius: 75).stroke(Color.black, lineWidth: 4)
        )
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}