[SwiftUI]Rectangleの透明度を設定するには？

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

Rectangleの透明度を設定する方法を紹介します。

方法

Rectangleの透明度を設定するには、opacity修飾子を使います。

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

そして、opacity修飾子の引数に透明度を「０〜１」で指定します。

透明度は、0に近づくほど透明、1に近づくほど不透明になります。

Rectangle()
    .opacity(透明度)

opacity修飾子を付与することで、Rectangleの透明度を設定できます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Rectangle()
                .frame(width: 200,height: 200)
                .opacity(0.2)
            Rectangle()
                .frame(width: 200,height: 200)
                .opacity(0.5)
            Rectangle()
                .frame(width: 200,height: 200)
                .opacity(0.8)
        }
    }
}