iOS, SwiftUI, Swift

[SwiftUI]半透明の色を設定する

検証環境

  • Xcode 11.6
  • iOS 13.6

半透明の色を設定する

Color.opacity修飾子メソッドを実行すると色の透明度を設定することができます。

Rectangle()
    .foregroundColor(Color.black.opacity(0.5))

50%の透明度で指定しています。

キャプチャはこちら。
----------2020-08-19-0.59.59

20%ぐらいだとこのぐらい。

.foregroundColor(Color.black.opacity(0.2))

----------2020-08-19-1.00.11

100%だとこのぐらいの色になります。

.foregroundColor(Color.black.opacity(1))

----------2020-08-19-1.00.18

まとめ

背景色などを半透明にしたいなと思ったときに.opacityは使えそうです。

宣伝

SwiftUIでアプリを作り方を解説した「1人でアプリを作る人を支えるSwiftUI開発レシピ」がBOOTHで発売中です。
SwiftUIでアプリを作りたい方、ぜひチェックしてください!現状iOS 13向けの内容ですが、今後iOS 14にも対応する予定です。

https://personal-factory.booth.pm/items/1920812



Author image

About Sato Takeshi

  • Tokyo, Japan