cornerConfiguration

Asked on 2025-07-02

1 search

The concept of "cornerConfiguration" is related to the design updates in SwiftUI and AppKit, as discussed in the WWDC sessions. Specifically, it involves ensuring that UI elements maintain concentricity with their containers, which means aligning the corners of UI elements with the corners of their containers for a more cohesive design.

In the session titled "Build a SwiftUI app with the new design" (wwdc2025-323), it is explained that to build views that automatically maintain concentricity with their container, you can use a concentric rectangle shape. This involves passing the container concentric configuration to the corner parameter of a rectangle, allowing the shape to automatically match its container across different displays and window shapes.

Similarly, in the session "Build an AppKit app with the new design" (wwdc2025-310), the concept of concentricity is also discussed. The new design system includes windows with a softer, more generous corner radius, which varies based on the style of the window. This design approach ensures that elements like toolbars and sidebars are designed with a curvature that sits neatly within the corner radius of their container.

For more detailed information, you can refer to the session Build a SwiftUI app with the new design (17:29) and Build an AppKit app with the new design (07:04).