[SwiftUI]Image(画像)を透過するには？

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

画像であるImageを透過する方法を紹介します。

方法

Imageを透過するには、opacity修飾子を使います。

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

そして、opacity修飾子の透明度を「０〜１」（0が透明、1が不透明）で指定します。

Image("image")
    .opacity(透明度) //透明度は0に近づくほど透明、1に近づくほど不透明

opacity修飾子を使うことで、Imageを透過することが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image("DogPhoto")
                 .resizable()
                 .scaledToFit()
                 .padding()
                 .opacity(0.2)
            
            Image("DogPhoto")
                .resizable()
                .scaledToFit()
                .padding()
                .opacity(0.5)
        }
    }
}