| < 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 Would you describe yourself as knowledgeable, but struggling when you have to come up with your own code? Fernando Olivares has a new book containing iOS rules you can immediately apply to your coding habits to see dramatic improvements, while also teaching applied programming fundamentals seen in refactored code from published apps.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
