Use .hueRotation To Colour Shift Using An Angle

Daily Coding Tip 178

Photo by Gradienta on Unsplash

With hue rotation every colour will be shifted the same amount, depending on where it was on the colour wheel.

First I need a View extension that will allow me to do three modifiers at once.

I’ve also created 3 gradients.

SizeAndRotationContentView.swift

Apple’s example code for this uses a gradient of three colours, mainly to show that multiple colours change at once. I wanted to make their example code more interactive so I made it possible to choose a hue rotation angle between 0 and 360, and I added a Button that animates the value.

SizeAndRotationContentView+View.swift

Now you can see why I saved a lot of repetition by creating the .sizeAndRotation modifier.

Last Week’s Daily Coding Tips

1. Dismiss The Search Bar With a DismissSearchAction

2. Change The Style of a NavigationSplitView To .balanced or .prominentDetail

3. Use .fontDesign To Specify Monospaced or Other Font Design Types

4. Get Started With Apple's Dynamic Island Widget Example Code

5. Customise The Dynamic Island Even More

6. Add a Simple Lock Screen Widget

7. Create a Touch Bar Interface With SwiftUI