Blog

Apply a translucent background to macOS windows using SwiftUI APIs, and adjust the toolbar background and title visibility to customize the window's appearance.

Lighten or darken colors in SwiftUI views using the brightness(_:) modifier.

SwiftUI provides a simple way to set a view's background to a shape, like a capsule or rounded rectangle, using the background(_:in:fillStyle:) modifier.

Learn how to use matchedGeometryEffect() in SwiftUI to animate a capsule background that highlights the selected option in a custom segmented control.

With iOS 18, we can now use SwiftUI animations to animate UIKit views, making it easier to bring SwiftUI’s expressive and flexible animations into UIKit projects.

Learn how to resolve the issue of using lazy variables in @Observable classes by annotating them with @ObservationIgnored.

Xcode 16 introduced the @Previewable macro, making it easier to preview SwiftUI views with bindings.

"Integrating SwiftUI into UIKit Apps" by Natalia Panferova has been updated, featuring the latest tools like Observable, the Preview macro, and a new section on animating UIKit views with SwiftUI animations in iOS 18.

Font modifiers in SwiftUI let us style text directly at the font level, offering precise control over typography in our apps.

Explore different ways to work with SwiftUI environment, including reading and setting values, creating custom environment keys, and using the environment to pass down actions and observable classes.

Discover how to use the @Observable macro in SwiftUI and its advantages over ObservableObject, such as more efficient view updates and simplified code management.

Learn how to adjust size, color, rendering modes, variable values, and design variants of SF Symbols in SwiftUI apps.

Using the overlay() modifier in SwiftUI, we can elegantly wrap text within another view, ensuring the text is positioned and sized relative to the primary content.

SwiftUI custom scenes enable the creation of modular, maintainable code, allowing for precise management of complex user interfaces and behavior across different platforms.

Leverage the new magic replace symbol effect in iOS 18 for smooth transitions of slashes and badges in SF Symbols.

Starting from iPadOS 18, SwiftUI now allows us to present a form sheet, similar to UIModalPresentationStyle.formSheet.

Take advantage of the new macOS 15 API to update SwiftUI views when modified keys are pressed.

Learn how to use MapKit and SwiftUI to apply a gradient that follows a polyline, enhancing the visual appeal of your maps.

Discover how to leverage SwiftUI's versatile scene types, like WindowGroup, DocumentGroup, Settings, Window, and MenuBarExtra, to create efficient and dynamic macOS applications.

Learn how to use NWPathMonitor as an async sequence for real-time network status updates in your SwiftUI views.

Use the new instance properties of the ShapeStyle in iOS 17 to access hierarchical system background styles, such as secondary and tertiary background.

Add custom foreground styles such as gradients to words inside Text view in SwiftUI in iOS 17.

The focusable() modifier now available on iPadOS 17 allows us to provide full keyboard navigation, even including custom views not focusable by default.

Starting from iOS 17 and iPadOS 17 we can now use ControlGroup to display a horizontal collection of actions in a context menu.

Xcode 15 automatically generates static properties on ColorResource and ImageResource types for colors and images that we store in asset catalog. This lets us access them in SwiftUI, UIKit or AppKit code without using string literals.

Let's look into the new inspector() presentation API in iOS 17, iPadOS 17 and macOS 14 and see how to customise its width on iPad and Mac, and how to change the sheet style it defaults to on iPhone.

Ensure that complex SwiftUI buttons have the correct blending in pressed state by applying the compositingGroup() modifier.

Explore how to replace the position() modifier with a custom AnchoredPosition layout to improve flexibility in aligning views relative to an anchor point, and adjust the alignment dynamically based on available space.

Learn about different use cases for foregroundColor(), foregroundStyle() and tint() modifiers in SwiftUI to be able to choose the right API for the right purpose.

Build an interactive bar chart in Swift Charts that displays detailed annotations when the user is hovering over bar marks.

Enable modified actions, such as command + click or shift + click, in a SwiftUI lifecycle application on iPad using GCKeyboard from the Game Controller framework.

Register when the pointer enters and exists view's bounds and get the mouse cursor location with onContinuousHover() modifier.

Adjust the the default appearance of the ShareLink button using SwiftUI view modifiers such as labelStyle(), imageScale() and symbolVariant().

Find out how text modifiers are different from view modifiers in SwiftUI and how we can use them in our code to style portions of text.

When we add an image name to a Localizable.strings file, SwiftUI automatically uses it for the image accessibility label.

Define custom sizing logic for UIViewRepresentable views in SwiftUI apps with the new iOS 16 sizeThatFits() API.

Permanently position a view at the bottom of the screen in a SwiftUI app by placing it inside the safeAreaInset() modifier.

Use the accessibilityShowButtonShapes environment value to change the appearance of custom buttons and links embedded in Text views to make them more accessible.

Make sure that all of the necessary strings are localizable in a SwiftUI app by previewing your UI in the accented pseudolanguage.

Generate xcloc files that can be sent to translators directly from SwiftUI code and import translations back to create Localizable.strings files.

Programmatically dismiss presentations and pop views from the navigation stack in both pure SwiftUI and hybrid UIKIt/SwiftUI apps with the help of the dismiss action.

Display a self-updating date and time inside a SwiftUI Text view and prevent the UI from moving as the digits in the date change.

Let users rename items from the navigation title in the toolbar using the new navigationTitle() modifier that takes a binding.

Make all parts of your app readable for users with low vision using the large content viewer APIs.

Set a custom background for TextEditor in SwiftUI by using a combination of scrollContentBackground() and background() view modifiers.

We can use the new Duration type from Foundation to represent an elapsed time value and format it using the new TimeFormatStyle.

We can customize how the user navigates through focusable views in our macOS apps with the help of the new focusSection() modifier.

Let users configure the visible items in the center area of the toolbar on iPadOS 16 to suit their personal workflows.

Learn how to use the new openWindow action in SwiftUI to programmatically present new windows in macOS 13.

While reading the current color scheme is quite easy in SwiftUI, setting a color scheme requires us to carefully consider what effect we are trying to achieve.

The default alignment of SwiftUI List row separators has changed in iOS 16. We also have some new APIs to customize separator insets.

Starting from iOS 16 and macOS 13 we have a SwiftUI API to request App Store reviews. We can read requestReview property from the environment and call it as a function at the appropriate time.

Tap gesture in SwiftUI now provides the tap location and we can request it in local or global coordinate space.

Starting from iOS 16 and macOS 13 SwiftUI List view can automatically generate move and delete operations without the need of onDelete() and onMove() closures.

With enhanced text modifiers in iOS 16 and macOS 13, it's easy to animate changes to text styles such as font size and weight.

Draw a custom SwiftUI view to replace the symbols in a scatter plot in Swift Charts.

Find and replace feature is automatically supported by SwiftUI TextEditor, but we also have some APIs to customize its behavior, such as disable replace or present the find UI programmatically.

New ViewThatFits API introduced at WWDC 2022 lets us create more flexible layouts in constrained space. It can even help us detect if text is truncated and adapt our views accordingly.

In this article we'll go over all the API additions in iOS 16 to present and customize resizable sheets in SwiftUI. We'll also look at API limitations comparing to UISheetPresentationController in UIKit.

Use the new NavigationSplitView API with a column visibility parameter to programmatically control the visibility of the sidebar in multicolumn navigation in SwiftUI.

Present a half-sheet in SwiftUI by specifying supported detents with the new presentationDetents() modifier in iOS 16.

Set custom background for a navigation bar in iOS 16 using new SwiftUI toolbarBackground() modifier.

Let's try out the new SwiftUI navigation APIs introduced in beta 1 for iOS 16 and macOS 13: NavigationStack, NavigationSplitView and ways to set up programmatic navigation.

Trigger actions with onChange() modifier in SwiftUI that depend on multiple properties changing by combining the logic in a computed property.

Make use of ControlActiveState value in the environment to customize the appearance of key window on macOS in SwiftUI.

Learn how to size and scale symbol images in SwiftUI and why we shouldn't use resizable() modifier with SF Symbols.

Add custom encoding and decoding logic for SwiftUI Color that is not Codable by default to be able to save it to disk or remote database.

Hide and show a view based on a setting or state without shifting the layout by using opacity() modifier in SwiftUI.

Look into how to insert images, formatted data, attributed strings etc. inside SwiftUI Text views by leveraging the power of string interpolation in LocalizedStringKey.

Present multiple sheets at the same time one on top of the other like, for example, in Apple Calendar app when adding a new calendar.

SwiftUI Text views can automatically parse Markdown strings when created with LocalizedStringKey. Markdown isn't parsed when created with a String variable or with verbatim initializer.

We have several ways to customize the visual style of links placed inside Text views in SwiftUI: tint() modifier, different Text modifiers and attributes in AttributedString.

Customize actions for links inside Text views in SwiftUI by using openURL environment value.

Set a keypath to your model properties as FocusState value to avoid declaring custom enums to programmatically set focus and respond to focus changes.

Set underline and strikethrough styles in AttributedString and display it with SwiftUI Text view.

Build sidebar navigation for your macOS app with the help of selection binding in List view and use SceneStroage for state restoration.

Allow users to select the contents of SwiftUI Text view, to be able to copy or share it, by applying textSelection() modifier.

Make use of the focused scene value API to pass data from the focused scene to the commands section of the app.

Avoid the conflict between the drag gesture and editing of text fields inside list rows and make focusing on text fields easier.

Change the style of navigation view in document based apps, by hiding the default view and adding our own.

Make an editable list of items in SwiftUI that automatically adds an empty text field for users to easily add new entries.

Add custom information and copyright to your app's About window on macOS when using the SwiftUI app lifecycle.

Integrate with UndoManager in SwiftUI by building a reusable UndoProvider view that can be used with any binding.

Add RawRepresentable conformance to a custom type that represents a setting or a view state in SwiftUI to be able to save it in AppStorage or SceneStorage.

Remove the default TextEditor background on iOS and add a placeholder that is not currently supported in TextEditor out of the box.

Let users preview various file formats such as Images, Live Photos, PDFs etc. in your SwiftUI app using QuickLook framework.

Provide state restoration for expanded rows in a SwiftUI List view with SceneStorage property wrapper.

Programmatically scroll SwiftUI ScrollView to a newly added item by combining ScrollViewReader and onChange() view modifier.

Implement state restoration in an example tab-based app that stores records of different types of trips.

In this article we will look into how to create a custom hover effect in SwiftUI and how to abstract this logic into a reusable view modifier.

Programmatically scroll SwiftUI List to a particular item, using the fact that its internal implementation is based on UITableView.

Add keyboard shortcuts to a SwiftUI iOS/iPadOS app to improve user experience when using your app with an attached hardware keyboard.

Define and use custom environment key-value pairs in SwiftUI to pass values to the hierarchy of child views.

Make a scrollable view in SwiftUI scroll the active text field into visible range when the keyboard appears on screen in iOS 13.

In this article we would like to share what we learned about buttons in SwiftUI List rows when developing our apps.