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は使えそうです。

宣伝

インプレスR&D社より、「1人でアプリを作る人を支えるSwiftUI開発レシピ」発売中です。
「SwiftUIでアプリを作る!」をコンセプトにSwiftUI自体の解説とそれを組み合わせた豊富なサンプルアプリでどんな風にアプリ実装すればいいかが理解できる本となっています。
iOS 14対応、Widgetの作成も一章まるまるハンズオンで解説しています。
SwiftUIを学びたい方、ぜひこちらのリンクをチェックしてください!




https://nextpublishing.jp/book/12491.html

Author image

About Sato Takeshi

  • Tokyo, Japan