| < How to blend views together | How to synchronize animations from one view to another with matchedGeometryEffect() > |
How to adjust views by tinting, and desaturating, and more
Updated for Xcode 12.0
SwiftUI lets us finely control the way views look by adjusting their brightness, tint, hue, saturation, and much more, all by using various modifiers.
For example, this creates an image view and tints the whole thing red:
Image("paul-hudson")
.colorMultiply(.red)You can adjust the saturation of views to any amount, where 0.0 is fully gray and 1.0 is its original color:
Image("paul-hudson")
.saturation(0.5)You can even dynamically adjust the contrast of a view by using the contrast() modifier. A value of 0.0 yields no contrast (a flat gray image), 1.0 gives you the original image, and everything above 1.0 adds contrast.
So, this will reduce the image contrast to 50%:
Image("paul-hudson")
.contrast(0.5)
SPONSORED Are you tired of wasting time debugging your Swift app? Instabug’s SDK is here to help you minimize debugging time by providing you with complete device details, network logs, and reproduction steps with every bug report. All data is attached automatically, and it only takes a line of code to setup. Start your free trial now and get 3 months off exclusively for the Hacking with Swift Community.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
