how do I tint a UIButton glass variant?
Asked on 2026-02-10
1 search
To tint a UIButton with the glass variant, you can use the new Liquid Glass effect introduced by Apple. Here's a brief overview of how you can achieve this:
-
Create a UI Glass Effect: Use the
UIVisualEffectViewto create a new UI glass effect. This allows you to apply a custom tint color to the glass. -
Assign a Custom Tint Color: Set the tint color on the glass to highlight prominent views. This can be done by creating a new UI glass effect and assigning your desired tint color.
-
Animate the Effect: You can animate changes to the glass effect, including the tint color, to create dynamic interactions.
-
Use Prominent Style: For buttons that need to stand out, you can set the style to prominent, which will tint the glass using your app's tint color.
For more detailed guidance, you can refer to the session Build a UIKit app with the new design (17:24) where controls and custom elements are discussed, including how to use the glass effect with buttons.
Meet Liquid Glass
Liquid Glass unifies Apple platform design language while providing a more dynamic and expressive user experience. Get to know the design principles of Liquid Glass, explore its core optical and physical properties, and learn where to use it and why.
Build a UIKit app with the new design
Update your UIKit app to take full advantage of the new design system. We’ll dive into key changes to tab views, split views, bars, presentations, search, and controls, and show you how to use Liquid Glass in your custom UI. To get the most out of this video, we recommend first watching “Get to know the new design system” for general design guidance.
Build an AppKit app with the new design
Update your AppKit app to take full advantage of the new design system. We’ll dive into key changes to tab views, split views, bars, presentations, search, and controls, and show you how to use Liquid Glass in your custom UI. To get the most out of this video, we recommend first watching “Get to know the new design system” for general design guidance.