how do I create a concentric round shape in SwiftUI?
Asked on 2025-07-10
•@wwdc251 search
To create a concentric round shape in SwiftUI, you can use the concept of concentricity, which is discussed in the session "Build a SwiftUI app with the new design" from WWDC 2025. The session explains how to use a concentric rectangle shape to maintain concentricity with a container. You can pass the container concentric configuration to the corner parameter of a rectangle, and the shape will automatically match its container across different displays and window shapes.
For a round shape, you might consider using a capsule or a circle, depending on your specific needs. Capsules naturally support concentricity, as they use a radius that's half the height of their container, which is why they are commonly used throughout the system for elements like sliders and switches.
If you want to learn more about how to implement this in your SwiftUI app, you can refer to the session Build a SwiftUI app with the new design (00:17:29).
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.
Explore concurrency in SwiftUI
Discover how SwiftUI leverages Swift concurrency to build safe and responsive apps. Explore how SwiftUI uses the main actor by default and offloads work to other actors. Learn how to interpret concurrency annotations and manage async tasks with SwiftUI’s event loop for smooth animations and UI updates. You’ll leave knowing how to avoid data races and write code fearlessly.
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.