Use Different Blending Modes To Combine Layered Views
Daily Coding Tip 218
When you want to specify how transparency works when views are layered on top of one another, you can use a modifier called .blendMode. There are 21 different modes in the BlendMode enum, so I’m adding them all to a static allCases property to add conformance to the CaseIterable protocol.
This will allow me to show the existing modes in a Picker, allowing me to choose which one to apply.
I’ve also added conformance to the Identifiable protocol, which means I won’t have to add id: \.self to my ForEach.
As you can see there is also a demo area that shows two views layered on top of each other using the blend mode you select.
Many of them don’t show the text, but I noticed that exclusion does.
You can also try mixing and matching blend modes, or changing the views in your demo area to see the effect.
