How to adjust the opacity of a view
Updated for Xcode 14.2
Any SwiftUI view can be partially or wholly transparent using the opacity() modifier. This accepts a value between 0 (completely invisible) and 1 (fully opaque), just like the alpha property of UIView in UIKit.
For example, this creates a text view with a red background, then gives it 30% opacity:
Text("Now you see me")
.padding()
.background(.red)
.opacity(0.3)
Download this as an Xcode project
Modifying opacity is extremely fast – certainly something you can do as often as you need. To demonstrate that, the following code adjusts text opacity using a slider, and you’ll see you can move it around as fast and as much as you like without any performance hit:
struct ContentView: View {
@State private var opacity = 0.5
var body: some View {
VStack {
Text("Now you see me")
.padding()
.background(.red)
.opacity(opacity)
Slider(value: $opacity, in: 0...1)
.padding()
}
}
} Download this as an Xcode project
SPONSORED Thorough mobile testing hasn’t been efficient testing. With Waldo Sessions, it can be! Test early, test often, test directly in your browser and share the replay with your team.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
