[SwiftUI]ImageView(画像)を角丸にするには？

どうも、ちょげ(@chogetarou)です。

画像であるImageを角丸にする方法を紹介します。

方法

Imageを角丸にするには、cornerRadius修飾子を使います。

まず、ImageにcornerRadius修飾子を付与します。

そして、cornerRadius修飾子の引数に角の丸みを指定します。

Image("image")
    .cornerRadius(radius) //引数に角の丸みを指定

引数に角の丸みを指定したcornerRadius修飾子を付与することで、Imageを角丸にすることが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
           Image("DogPhoto")
                .resizable()
                .frame(width: 250, height: 200)
                .cornerRadius(10)
                .padding()
        }
    }
}