API for navigation bar top to fade top area
Asked on 06/13/2025
•@wwdc251 search
To achieve a fade effect in the top area of a navigation bar, you can utilize the new design features introduced in iOS 26. Specifically, the "scroll edge effect" is designed to create a visual treatment that ensures legibility of overlapping content in navigation bars and toolbars. This effect is automatically applied to scroll views underneath these bars, providing a graceful fade as content scrolls under the glass platters.
For more detailed guidance on implementing this effect in a UIKit app, you can refer to the session Build a UIKit app with the new design (07:19) where the new look and behavior of navigation bars and toolbars are discussed. This session covers how these elements adopt the new glass appearance and float above the content, enhancing the visual experience with the scroll edge effect.
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.
What’s new in SwiftUI
Learn what’s new in SwiftUI to build great apps for any Apple platform. We’ll explore how to give your app a brand new look and feel with Liquid Glass. Discover how to boost performance with framework enhancements and new instruments, and integrate advanced capabilities like web content and rich text editing. We’ll also show you how SwiftUI is expanding to more places, including laying out views in three dimensions.
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.