containerConcentric
Asked on 06/12/2025
1 search
The concept of "container concentricity" was discussed in the session titled "Build a SwiftUI app with the new design" at WWDC 2025. This design principle ensures that elements within a container, such as buttons or other controls, align their corners perfectly with the corners of their container, like a sheet or window. This is achieved by using a concentric rectangle shape and passing the container concentric configuration to the corner parameter of a rectangle. This approach helps maintain a consistent and balanced design across different displays and window shapes.
For more details, you can refer to the session Build a SwiftUI app with the new design (16:20).
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.
Get to know the new design system
Dive deeper into the new design system to explore key changes to visual design, information architecture, and core system components. Learn how the system reshapes the relationship between interface and content, enabling you to create designs that are dynamic, harmonious, and consistent across devices, screen sizes, and input modes.
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.