WWDC24: What’s new in SwiftUI | Apple

Summary

Sommer and Sam, engineers from the SwiftUI team, introduce exciting updates in SwiftUI that enhance app development. They demonstrate these improvements through a karaoke event planner app, showcasing new features like the flexible tab view, customizable sidebar, unified sheet presentation sizing, and immersive experience tools. They also cover advancements in Swift Charts, Controls API, mesh gradients, and animation presets for SF Symbols. The presentation highlights the ease of creating custom UI elements, improved windowing on macOS, and input method support across platforms, emphasizing the powerful capabilities now available to developers.

Takeaways

• 🎉 SwiftUI has introduced a plethora of new features to enhance app development, including improvements in UI, accessibility, and cross-platform adaptability.
• 📱 The new TabView in SwiftUI offers a more flexible sidebar and tab bar representation, allowing for easier UI customization and navigation.
• 🌐 SwiftUI now supports a unified and simplified sheet presentation sizing across different Apple platforms, enhancing the user experience on iOS, macOS, and tvOS.
• 🎨 SwiftUI introduces first-class support for mesh gradients, offering developers the ability to create visually appealing and immersive interfaces.
• 🛠️ The introduction of a new controls API allows for the creation of custom resizable widgets that can be integrated into the Control Center or the lock screen.
• 📈 SwiftUI now supports function plotting in Swift Charts, making it easier for developers to visualize data with LinePlot and other graphical representations.
• 📝 The new Document Launch Scene type in SwiftUI allows developers to create more expressive and feature-highlighting launch screens for their apps.
• 🔄 SwiftUI has added animation presets for SF Symbols, providing developers with more options to create engaging and dynamic UI elements.
• 🖊️ SwiftUI now offers improved text editing capabilities, including programmatic access to text selection, which can be utilized for features like suggested rhymes in a lyrics editor.
• 📱 Enhancements in windowing and input methods for macOS and visionOS apps, enabling developers to create more interactive and tailored experiences.
• 🎤 The script highlights the development of a karaoke event planner app, demonstrating the practical application of the new features in SwiftUI for building immersive and interactive apps.

Q & A

What is the main topic of the video presented by Sommer and Sam?

The main topic of the video is to introduce and discuss the new features and improvements in SwiftUI, which are used to enhance their karaoke event planner app.

How has the TabView in SwiftUI been improved according to the video?

The TabView in SwiftUI has been improved with a new type-safe syntax, a floating tab bar above the content, and a sidebarAdaptable style that allows switching between tab bar and sidebar view.

What is the new feature in SwiftUI that allows for unified and simplified sheet presentation sizing across platforms?

The new feature is the .presentationSizing modifier, which can be used to create perfectly-sized sheets with .form or .page, or even custom sizing.

How does SwiftUI support custom resizable controls like buttons and toggles?

SwiftUI introduces a new kind of Widget called Controls that are easy to build with App Intents, allowing developers to create custom resizable controls that can be activated by the action button.

What new feature in SwiftUI allows developers to plot functions and draw graphs easily?

SwiftUI now supports function plotting in Swift Charts, making it easy to draw beautiful graphs like LinePlot.

How does SwiftUI enhance the table view experience in the karaoke party attendance tracker?

SwiftUI has introduced TableColumnForEach, allowing for a dynamic number of table columns that can adapt to the number of parties being tracked.

What new feature in SwiftUI allows for the creation of colorful mesh gradients?

SwiftUI has added first-class support for colorful mesh gradients, which can be created by interpolating between points on a grid of colors.

How can developers customize the launch screen of their apps using the new Document Launch Scene type in SwiftUI?

Developers can create a big bold title, customize the background, and add accessory views to make the launch experience unique and feature-highlighting.

What are the new animation presets for SF Symbols introduced in SwiftUI?

The new animation presets for SF Symbols are wiggle, breathe, and rotate, which add dynamic effects to symbols to draw attention or indicate ongoing activity.

How does SwiftUI improve the windowing experience on macOS and other platforms?

SwiftUI introduces improved windowing with more control over window styles and behaviors, new scene types like utility windows, and the ability to customize windows with modifiers and gestures.

What new input methods and interactions are available for SwiftUI apps on different Apple platforms?

SwiftUI now supports a variety of input methods including hover effects on visionOS, keyboard shortcuts on macOS, pointer interactions, and Apple Pencil gestures on iPadOS.

Outlines

00:00

🎉 Introduction to SwiftUI Enhancements

Sommer and Sam, engineers from the SwiftUI team, introduce the audience to the latest updates in SwiftUI. They discuss the development of a karaoke event planner app that showcases new features such as a flexible sidebar and tab bar, type-safe syntax for TabView, and customizable UI elements. The app also demonstrates improved platform-specific adaptations, unified sheet presentation sizing, and new navigation transitions. They invite viewers to explore the new features in-depth through provided resources.

05:02

🛠️ Customization and Animation with SF Symbols and Windows

The script delves into the customization options for apps with SF Symbols, including new animation presets like wiggle, breathe, and rotate effects. It also covers enhancements in SwiftUI for window management across Apple platforms, with examples of tailoring window styles and behaviors on macOS. The paragraph highlights the use of new scene types, window placement APIs, and gesture modifiers to create interactive and platform-adapted user experiences.

10:04

🖌️ Apple Pencil and Widget Interactivity

This section introduces support for Apple Pencil features in SwiftUI, allowing developers to integrate gestures like double-tap and squeeze into their apps. It also discusses the expansion of Live Activities to watchOS and the智能化 of widgets, which can now adapt to contexts and display more dynamically. The paragraph emphasizes the ease of creating engaging and interactive elements in apps, with a focus on user experience and accessibility.

15:06

📝 Text Editing and Graphics Enhancements

The script highlights new capabilities in text editing and graphics within SwiftUI. It mentions programmatic access and control over text selection, search field focus management, and text suggestions for enhanced user interaction. Additionally, it covers the introduction of a color mix modifier for graphics, precompilation of custom shaders, and refined APIs for scroll views, aiming to provide developers with more tools for creating rich and responsive app interfaces.

20:07

🎼 Concluding with Interoperability and Immersive Experiences

The final paragraph wraps up the presentation by emphasizing the improved interoperability between SwiftUI and UIKit/AppKit, allowing for more seamless integration of gestures and animations. It also touches on new APIs for working with volumes and immersive spaces, as well as text effects, to create engaging and spatial experiences. The paragraph concludes with the anticipation of a successful karaoke party, symbolizing the culmination of the discussed SwiftUI enhancements.

Keywords

💡SwiftUI

SwiftUI is a user interface toolkit introduced by Apple for developers to design apps for all Apple platforms such as iOS, macOS, watchOS, and tvOS. It is central to the video's theme as the speakers discuss various updates and improvements in SwiftUI that enhance app development. For instance, they mention new features like 'TabView' and 'sidebarAdaptable' to make apps more dynamic and customizable.

💡TabView

TabView is a SwiftUI component that allows developers to create a tab bar interface in their apps. In the video, the hosts discuss the new type-safe syntax for TabView and how it can be adapted to different styles like sidebars, which is crucial for enhancing user experience across different Apple devices.

💡sidebarAdaptable

The term 'sidebarAdaptable' refers to a new SwiftUI feature that enables apps to switch between different navigation styles, such as a tab bar and a sidebar view. This is highlighted in the script as a way to make apps more flexible and adaptable to various content needs and user preferences.

💡ControlWidgetButton

A ControlWidgetButton is a new kind of widget in SwiftUI that allows for creating custom resizable controls like buttons and toggles. The video mentions using App Intents to build these widgets with just a few lines of code, demonstrating the ease of creating interactive elements within the app.

💡Swift Charts

Swift Charts is a framework used for plotting graphs and charts in Swift. In the context of the video, the hosts use Swift Charts to plot an exponential function graph for their karaoke party attendance, showcasing how developers can visually represent data within their apps.

💡TableColumnForEach

TableColumnForEach is a SwiftUI API that allows for dynamically creating a number of table columns based on the data provided. It is mentioned in the script as a way for the hosts to track attendee singing data at their parties, emphasizing the adaptability of SwiftUI for various data presentations.

💡mesh gradients

Mesh gradients refer to a graphical effect where colors are interpolated on a grid to create a lattice pattern. The video discusses SwiftUI's new support for these gradients, which can be used to make app interfaces, like karaoke invites, more visually appealing.

💡Document Launch Scene

Document Launch Scene is a new type in SwiftUI for creating custom launch screens for document-based apps. The script describes how the host crafted a launch screen with a big bold title and customized background to express the app's individuality, highlighting the feature's capability to enhance the app's first impression.

💡SF Symbols

SF Symbols is a set of symbols provided by Apple for use in apps. The video mentions new animation presets for SF Symbols, such as 'wiggle', 'breathe', and 'rotate', which allow developers to add dynamic and attention-drawing effects to their symbols, enriching the visual language of the app.

💡Live Activities

Live Activities is a feature that allows apps to display real-time information and updates on platforms like the Apple Watch. The script mentions that iOS-based live activities are now automatically shown on the Apple Watch, which is an example of how developers can provide users with timely and relevant information.

💡Apple Pencil

Apple Pencil is a stylus used with Apple devices, and in the video, it is discussed in the context of new APIs in SwiftUI that support features like double-tap and squeeze gestures. This integration allows developers to create more interactive and intuitive experiences, such as showing a lyrics doodle palette in response to a squeeze gesture.

💡EnvironmentKey

EnvironmentKey is a SwiftUI feature that allows developers to pass down data to all child views in a hierarchy. The video talks about a new ease of use improvement, the 'Entry' macro, which simplifies the process of conforming to EnvironmentKey, making the development process more streamlined and less verbose.

💡onPencilSqueeze

onPencilSqueeze is a modifier in SwiftUI that allows developers to respond to the squeeze gesture made with the Apple Pencil. In the script, it is used to show a lyrics doodle palette, demonstrating how developers can leverage specific gestures to enhance app interactivity.

💡mix modifier

The mix modifier is a new feature in SwiftUI that allows for blending colors together. It is used in the video to describe how developers can create visually appealing effects by mixing colors, contributing to the overall aesthetics of the app.

💡Swift 6

Swift 6 is the latest version of the Swift programming language, which includes new features and improvements. The video discusses how SwiftUI has adapted its APIs to align with the new language mode, emphasizing compile-time data-race safety and other enhancements that benefit developers when building apps.

Highlights

Introduction to new features in SwiftUI by engineers Sommer and Sam.

Development of a karaoke event planner app showcasing SwiftUI improvements.

Enhancements to the TabView for more flexible sidebar and tab bar representations.

Introduction of type-safe syntax in TabView to catch errors at build time.

New .sidebarAdaptable tab view style for switching between tab bar and sidebar view.

Unified and simplified sheet presentation sizing across platforms.

New zoom navigation transition for expanding info in a visually appealing way.

Custom resizable controls creation with App Intents for lock screen and control center.

Swift Charts integration for function plotting and visual data representation.

TableColumnForEach for dynamic table columns based on the number of parties.

First-class support for colorful mesh gradients in app design.

Document-based app creation for editing song lyrics with a custom launch screen.

Introduction of new animation presets for SF Symbols to draw attention and indicate activity.

Enhanced windowing capabilities on macOS for custom styling and behavior.

New scene types like utility window and window customization for macOS.

Utilization of multi-window support and push window action in visionOS apps.

Custom hover effects in visionOS for reactive views based on user interaction.

Enhanced keyboard support and pointer interaction for better accessibility.

Integration of Apple Pencil features in SwiftUI for interactive controls.

Live Activities support on watchOS for iOS-based activities without additional work.

Introduction of new text formats for displaying live times and dates in widgets.

Custom container views creation with the new ForEach subviewOf API.

Ease of use improvements with the new Entry macro for environment values and more.

Enhanced accessibility features in SwiftUI with additional information for labels.

Xcode previews improvements with dynamic linking and State usage in previews.

Programmatic control over text selection and search field focus in text editing controls.

New graphics capabilities in SwiftUI with color mixing and custom shader precompilation.

Fine-grained control over scroll views with onScrollGeometryChange and visibility change detection.

Swift 6 language mode adoption in SwiftUI for compile-time data-race safety.

Improved UIKit and AppKit interoperability with SwiftUI for gestures and animations.

New APIs for volumes and immersive spaces in visionOS 2 for a realistic karaoke experience.

Custom visual effects with SwiftUI Text views for interactive karaoke lyrics.

Encouragement for developers to leverage new APIs for enhancing their apps across Apple platforms.

Transcripts

Hi, and thanks for tuning in!

I’m Sommer!

And I’m Sam!

We’re both engineers on the SwiftUI team.

And we’re excited to tell you all about what’s new in SwiftUI.

To help with our karaoke habit, Sam and I have been working on an app to plan

our regular team karaoke parties.

Our app harnesses so many improvements to SwiftUI,

and we're excited to share those improvements with you!

Starting with plenty of great features to make your apps feel brand new.

Tools to refine your apps so they feel at home on every platform.

Widespread improvements to the foundational building blocks

of the framework.

And a whole suite of new tools for crafting immersive experiences.

Whew!

That’s a lot to cover, so let’s dive right in.

You can really freshen up your apps with SwiftUI,

from a new tab view, to beautiful mesh gradients, and snappy controls!

Sam and I wrote a karaoke event planner app.

It’s primarily a side bar driven app, and in iOS 18.0,

the sidebar has become a lot more flexible.

With just the touch of a button,

our main-view changes to a tab bar representation

for showing more of that beautiful UI. The tab bar now floats above the content!

People can even customize the experience completely to their liking,

reordering the items and hiding infrequently used options.

It was easy to rewrite my main view to use the new tabview.

Now, TabView has a new type-safe syntax in SwiftUI

to make it easier to catch common errors at build time.

And, as your content grows, it’s simple to make your tab view more flexible.

By just applying the new .sidebarAdaptable tab view style,

karaoke planners can now switch between the tab bar and sidebar view.

The sidebar looks great when you have a lot of content, like all these song lists,

and it even has customization behavior like reordering and removing tabs,

which is completely programmatically controllable.

The refreshed side bar also looks great on tvOS,

and you can style the tab view to appear as a sidebar

or as a segmented control in the toolbar on macOS!

Sheet presentation sizing is now unified

and simplified across platforms.

You can use the .presentationSizing modifier

to create perfectly-sized sheets with .form or .page, or even use custom sizing.

SwiftUI supports a new zoom navigation transition too,

and I can use it to make expanding info on a party look gorgeous.

For more on the new TabView check out

"Improve your tab and sidebar experience on iPad".

And to dive deeper into new animations watch

"Enhance your UI animations and transitions".

You can now create your own

custom resizable controls such as buttons and toggles

that live in control center or the lock screen

and can even be activated by the action button.

Controls are a new kind of Widget that that are easy to build with App Intents!

With just a few lines of code, I can create a ControlWidgetButton

to get the WWDC karaoke party started at a moment’s notice!

To learn how to use the new and powerful controls API

to customize your configurable buttons and toggles, check out:

"Access your app's controls across the system."

Sam and I have been working hard

to grow our karaoke party attendance.

I think an exponential function seems like very reasonable goal.

Function plotting in Swift charts makes it easy for me draw beautiful graphs,

like this LinePlot.

I’ll go ahead and graph the actual attendance too.

Oof, not quite there yet.

To dig deeper into the improvements in Swift Charts, catch

"Swift Charts: Vectorized and function plots".

As a data nerd, I also like to keep track

of how much the attendees are singing at the parties.

Using TableColumnForEach, I can now have a dynamic number of table columns

for however many parties Sam and I have!

To boost our attendance numbers,

I think we should send out some colorful party invites!

SwiftUI has added first class support for colorful mesh gradients.

By interpolating between the points on a grid of colors,

you can create a beautiful lattice!

This sounds like the perfect way make our karaoke invites as snazzy as our parties!

Now that the Karaoke Planner App is looking fresh,

Sam and I want to have a little extra fun by customizing our lyrics!

So, we’ve also built a document-based app

for editing the words to our favorite songs.

I crafted this launch screen to express my app’s individuality

and highlight its features using the new Document Launch Scene type.

I created a big bold title,

customized the background and added some fun accessory views

to really make my launch experience pop!

To learn more about all you can do with document based apps,

like custom document icons and templates watch

“Evolve your document launch experience”

I’m going to put a finishing touch on my launch screen now,

using a symbol effect on my music notes!

Wow, my symbols really do wiggle wiggle.

Apps can now adopt three new animation presets for SF Symbols.

The wiggle effect oscillates a symbol in any direction or angle to draw attention.

The breathe effect smoothly scales a symbol up

and down

to indicate ongoing activity.

And the rotate effect spins some parts of a symbol around a designated anchor point.

Some of the existing presets have also been enhanced with new features.

For example, the default Replace animation now prefers a new MagicReplace behavior.

With MagicReplace, symbols smoothly animate badges and slashes.

These are just a few of the enhancements in SF Symbols 6.

To learn more watch “What’s new in SF Symbols”.

SwiftUI brings great improvements to making your apps

feel at home on any of Apple’s platforms.

With improved windowing, more control over input and lots of glanceable content,

your apps can take advantage of whatever platform they’re on.

You can now tailor the style and behavior of windows on macOS.

In my lyric editor app on macOS,

I have a window that shows a single line preview.

I used the new plain window style to remove the default window chrome.

And gave it a floating window level so it shows on top of any other windows.

I used the defaultWindowPlacement API to place it at the top of the screen,

so it doesn't cover-up the rest of my lyrics;

I took into account the size of the display,

and the size of the content, to place it in the perfect spot.

I also added a WindowDragGesture to the content view of the preview

so I can adjust its position on screen by dragging it around.

There are new scene types too, like utility window!

To learn more about ways to customize the style and behavior of your windows, watch

“Tailor macOS windows with SwiftUI!”.

This multi-window lyrics editor app works great on visionOS too!

Recently my fellow karaoke pal Andrew

showed me how he’s using this new push window action in the Botanist app

to help him keep his most important content focused!

pushWindow can be used to open a window and hide the originating window.

I definitely want to do the same thing in my Lyrics editor,

so I’ll use the pushWindow environment action to focus on my lyric preview.

Learn more in the video: "Work with windows in SwiftUI".

SwiftUI gives you many new tools for taking advantage

of the unique input methods each platform offers.

In visionOS, you can make views react when people look at them,

place a finger near them, or move the pointer over them,

all while preserving people’s privacy.

Within the new closure-based hoverEffect modifier,

I can control how the view looks as it transitions between the active

and IN-active states

To learn how you can also coordinate multiple effects,

control the timing of an effect,

and respond to accessibility settings, check out

“Create custom hover effects in visionOS.”

Great iPadOS, macOS, and visionOS apps provide great keyboard support.

In the main menu on macOS, I have an item to open my preview window.

I've added the new modifierKeyAlternate modifier, and on press of the option key

I can reveal a secondary item to preview in full-screen.

For low level control,

any view can respond to modifier key press state changes.

I updated the lyric editor to use onModifierKeysChanged.

So when I hold down option, I can see and adjust an extra alignment guide

for where the bouncing ball lands on the lyrics.

Pointer interaction is another important form of input across many devices.

The pointerStyle API lets you customize the appearance

and visibility of the system pointer.

Since I made my lyrics resizable,

I’ll apply an appropriate frameResize pointer style on each resize anchor.

New in iPadOS 17.5,

SwiftUI has support for features of Apple Pencil and Apple Pencil Pro

like double-tap and squeeze.

With .onPencilSqueeze, I can gather information from the gesture

and see what action is preferred.

In this case, I’m going to show my lyrics doodle palette

under the pencil’s hover location so I can mark up lyrics with fun drawings.

To learn more about all the new Apple Pencil APIs, head over to

"Squeeze the most out of Apple Pencil".

Widgets offer glanceable information and key interactions with your apps.

And now that Live Activities have also come to watchOS,

your iOS based live activities will automatically show up on Apple Watch,

without any work on your part!

Sam and I already have this live activity to review song lyrics on the go,

and I can see it showing up automatically on my Apple Watch!

To make it look really amazing, I can use the new small .supplementalActivityFamily

to tailor the content for watchOS, showing more lyrics at once. Nice!

And to allow our singers to advance the lyrics using double tap,

I can apply the .handGestureShortcut modifier.

I also want to be sure that I always know when I’m up next at a karaoke event,

so I added a widget to my Planner app

using the new reference date format style to show a countdown to Karaoke o’ clock!

Text now has additional formats for the display of live times and dates

that work great in widgets and live activities!

These formats include date references,

date offsets and timers.

Each format is deeply customizable down to its components,

and can even adapt to the size of its container.

Widgets are smarter now too.

Specify relevant contexts so the system can more intelligently surface them

in places like smart stacks.

With this, my countdown widget can show up automatically

at a specified time, or when a singer gets close to a planned karaoke venue!

Hey Sommer, How’s the lyrics editor coming along?

I’ve been thinking up lyrics for my next solo, "Cupertino Dreamin",

and I’ve gotta get it written down before I forget!

It’s going great! I just used it to write some lyrics

for “Smells Like Scene Spirit”, it’s gonna rock.

Nice, we can try to slot that in towards the end of the setlist.

That reminds me: the setlist! Is it gonna be ready for the WWDC karaoke party?

You bet Sommer.

The theme for the songs is all of SwiftUI’s great new Framework foundations.

SwiftUI has added all sorts of new API

that make working with the framework feel easier than ever,

Including improvements to the core components of SwiftUI,

new ways to use foundational APIs, and ease of use enhancements.

You can now create your own custom container views.

A new API on ForEach, subviewOf,

lets you to iterate over the subviews of a given view,

like in this example where I'm wrapping each subview in its own card view.

You can use this to make custom containers

that have the same capabilities as SwiftUI’s built in containers

like list and picker,

including mixing static, and dynamic content supporting sections,

and adding container specific modifiers.

To learn more about custom containers and the SwiftUI fundamentals behind them,

be sure to check out "Demystify SwiftUI Containers".

New ease of use improvements make working with SwiftUI easier than ever.

Instead of having to write out a full conformance to EnvironmentKey,

and an extension on environment values,

you can now just write a simple property with the new Entry macro.

Best of all, it doesn’t just work with environment values.

The entry macro can also be used with FocusValues,

Transaction, and the new ContainerValues as well.

You can now attach additional information

to SwiftUI's built in accessibility labels.

That means you can add additional accessibility information to a control,

without overriding the framework provided label.

Be sure to check out "Catch up on accessibility in SwiftUI"

to learn about all of SwiftUI’s amazing new accessibility features,

such as conditional modifier support, and app intent based accessibilityActions.

Xcode previews has a new dynamic linking architecture

that allows you to switch between a preview, and build-and-run

without needing to re-build your project, increasing your iteration speed.

And it’s now easier to set up Previews too.

You can now use State directly in previews using the Previewable macro,

eliminating the boilerplate of wrapping your preview content in a view.

There are now new ways to work with text and manage selection.

SwiftUI now offers programatic access to,

and control of text selection within text editing controls!

The contents of my selection binding

update to match the selected text of the lyric fields.

Now I can read properties of the selection, such as the selected ranges.

I can use this to show suggested rhymes for selected words in the inspector.

With .searchFocused,

you can programmatically drive the focus state of a search field,

meaning you can check if a search field is focused on,

and programmatically move focus to and from the search field.

You can now add text suggestions to any text field.

I'll use this to provide suggestions for how to finish a line.

The suggestions appear as a drop down menu,

and when I pick an option my textfield updates with the selected completion.

SwiftUI also has new graphics capabilities.

You can now beautifully mix colors together.

A new mix modifier on color blends it with another Color by a given amount.

We’ve also extended the custom shader feature

with the ability to precompile shaders before their first use,

so you can avoid frame drops caused by lazy shader compilation.

There are a bunch of new APIs to give you fine grained control of your scroll views.

You can now have deeper level of integration with the state of a ScrollView

with .onScrollGeometryChange,

which lets you performantly react to changes in things like content offsets,

content size and more. Like with this "back to invitation" button,

which appears when I scroll past the top of the scroll view's contents.

You can now detect when a view’s visibility has changed due to scrolling!

Letting you create great experiences

centered around content moving on or off screen, like this auto-playing video.

Not only do you have more programatic control over your scroll view,

but you also have more scroll positions

to programmatically scroll to, like the top edge!

There are all sorts of additional knobs for you to turn to really dial in

on your perfect scrolling experience

like turning off bouncing along a given axis, programmatically stoping scrolling,

finely controlling your content alignment, and more.

The new Swift 6 language mode enables compile-time data-race safety,

and SwiftUI has improved its APIs

to make it easier to adopt the new language mode in your apps.

Views in SwiftUI have always been evaluated on the main actor,

and the view protocol is now marked with the main actor annotation to reflect that.

That mean all types conforming to View

are implicitly isolated to the main actor by default.

So if you were explicitly marking your Views as main actor,

you can now remove that annotation without any change in behavior.

The new Swift 6 language mode is opt-in,

so you can take advantage of it whenever you're ready.

To learn more about compile time checking,

be sure to watch "Migrate your app to Swift 6".

SwiftUI was designed not just for building brand new apps,

but also building new features in existing apps written with UIKit and AppKit.

Great interoperability with these frameworks is critical.

We made significant improvements to the integration of gestures and animation.

You can now take any built-in or custom UIGestureRecognizer

and use it in your SwiftUI view hierarchy.

This works even on SwiftUI views that aren't directly backed by UIKit.

And the interoperability improvements go the other way as well.

UIKit and AppKit can now take advantage of the power of SwiftUI animations.

SwiftUI defines a new animate function on UIView, and NSAnimationContext,

allowing UIKit and AppKit changes

to be animated using in-process SwiftUI animations.

Velocity is even automatically preserved for gesture-driven animations,

just like in SwiftUI views.

And UI and NSViewRepresentable context

provide new API for bridging animations started in SwiftUI

into UIKit and AppKit, ensuring animations run perfectly in sync,

even across framework boundaries.

For more on using animations across frameworks, be sure to check out

"Enhance your UI animations and transitions".

Those foundational improvements look great.

Now, all that’s left to is practice my karaoke skills,

and then I can get together with Sommer and host the party.

SwiftUI’s new tools for crafting experiences

will help with both building a great practice app,

and setting up the event to be a success.

New APIs for working with volumes, and immersive spaces,

as well as new text effects will help bring our karaoke experience to life.

To practice my beautiful vocals, I’ve built a visionOS practice app,

featuring a microphone in a Volume.

In visionOS 2, volumes can show a baseplate.

This helps you get a sense of the bounds of the Volume,

and guides you to the window controls, including the new resize handle.

Our microphone already has a microphone stand base,

so I like the look of it without the system provided baseplate.

I'll use the .volumeBaseplateVisibility modifier

to disable the system provided baseplate. Nice!

I also made my microphone rotate to always face the singer

using the new .onVolumeViewpointChange modifier.

This is called any time I move to a new side of the Volume,

letting me react to changes in how it’s being viewed.

I’ve got my microphone, now I need a place to put it,

and there’s no better place to sing karaoke than a moody karaoke lounge.

I’ve already got a beautiful immersive space,

and I can now control the allowed immersion levels.

By choosing an initial immersion of fifty percent, and a minimum of forty,

I can help singers ease into the karaoke lounge.

To help set the vibe, I can now apply effects

to the passthrough video around my progressive immersive space.

I could use preferred-surroundings-effect to dim video passthrough

or to really make our karaoke experience special,

I can use colorMultiply for some cool mood lighting!

Ooooh, that’s fantastic.

For more on improvements to volumes and immersive spaces,

including new ways to attach ornaments and specify supported viewpoints

be sure to check out “Dive deep into volumes and immersive spaces”.

The stage is set but before we start the party,

we’ll need lyrics we can follow along with!

You can now extend SwiftUI Text views with custom rendering effects

and interaction behaviors. I can use this to build a word highlighting effect

for our karaoke lyrics.

My karaoke renderer creates a copy of the text

behind the original drawing, which is blurred. and has a tint,

making the text look like it's glowing purple!

By applying this highlight effect

to only certain words, and adding some final polish,

I can make some truly incredible effects, like this karaoke word highlighting.

To learn all about how to create these amazing text effects, be sure to check out

"Create custom visual effects with SwiftUI."

Alright Sommer, I think we’ve done all of our party prep.

It really is coming together!

These changes to SwiftUI really helped Sommer and I make the most of our apps,

and we want you to make the most of yours too.

If you have a sidebar-based iPad or tvOS app,

leverage the new tab view APIs to allow for more flexibility,

and for document based apps, enhance your new document launch experience.

Add new windowing and input capabilities to your macOS and visionOS apps.

Make the most of your live activity by fine-tuning your experience on watchOS.

And take advantage of the new capabilities

in volumes and immersive spaces on visionOS.

It’s looking like a good year to be a SwiftUI developer!

And karaoke singer.

Alright Sam, are you ready?

I was born ready Sommer.

Hey Siri, Start the Party!