I want to add a glass effect to a fullScreenCover. How to?
Asked on 2025-09-12
1 search
To add a glass effect to a fullScreenCover in a UIKit app, you can use the new Liquid Glass material introduced by Apple. Here's a general approach based on the information from the WWDC sessions:
- Create a UI Visual Effect View: This view will host the glass effect.
- Configure the Glass Effect: Use the new UI Glass Effect in an animation block to set the effect. The glass appears using a special materialized animation.
- Customize the Shape: By default, the glass is in a capsule shape. You can customize the shape using the new corner configuration API.
- Add Content: Use the Visual Effects view's content view to add labels and images. The content will automatically become vibrant based on its text color, ensuring legibility against various backgrounds.
- Dynamic Adaptation: The glass effect adapts to light and dark modes automatically to increase contrast. It also adapts its appearance based on its size and proximity to other glass elements.
For more detailed guidance, you can refer to the session Build a UIKit app with the new design (19:15) where custom elements and the glass effect are discussed.
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.
Build a SwiftUI app with the new design
Explore the ways Liquid Glass transforms the look and feel of your app. Discover how this stunning new material enhances toolbars, controls, and app structures across platforms, providing delightful interactions and seamlessly integrating your app with the system. Learn how to adopt new APIs that can help you make the most of Liquid Glass.