SwiftUI

This article will explore the principles, functions, creation, and distribution logic of Transaction, and tell readers how to achieve more accurate animation control in SwiftUI, as well as other issues to pay attention to.

A Deep Dive Into Observation: A New Way to Boost SwiftUI Performance

This article will comprehensively and thoroughly explore the Observation framework in a Q&A format, including its reasons for creation, usage methods, workings, and precautions.

Deep Dive into the New Features of ScrollView in SwiftUI 5

With SwiftUI 5.0, Apple has significantly enhanced the functionality of ScrollView. Numerous new and improved APIs have been added. This article will introduce these new features, hoping to help developers in need more and earlier.

WWDC 23, First Impressions of SwiftUI 5 and SwiftData

WWDC 2023 is in full swing. Apple has not only introduced new hardware products but has also launched several quite shocking new frameworks. This article will discuss my initial impressions of SwiftUI 5.0 and SwiftData at this year's WWDC.

Building Stable Preview Views: How SwiftUI Previews Work

May 2023

This article will explain the SwiftUI preview function's implementation mechanism and its limitations.

Building Cross-Platform SwiftUI Apps

Apr 2023

This article is based on my presentation at the "SwiftUI Technology Salon (Beijing Station)" on April 20, 2023, and is organized from memory.

Timing of onAppear Invocation

Mar 2023

onAppear( task ) is a modifier frequently used by SwiftUI developers, but there has not been any authoritative documentation specifying when its closure is invoked. This article will prove, with the new API provided by SwiftUI 4, that onAppear is invoked after layout but before rendering.

Memory Optimization Journey for a SwiftUI + Core Data App

Mar 2023

This article guides readers on enhancing memory performance for SwiftUI + Core Data apps using a sample.

Layout in SwiftUI Way

Mar 2023

This article will demonstrate the power and flexibility of SwiftUI's layout system by showing multiple ways to achieve the same layout, and help developers gain a better understanding of SwiftUI's layout logic.

Cracking the Code: The Mysterious @State Injection Mechanism

Feb 2023

This article will explore State injection optimization mechanism, the generation timing of modal views (Sheet, FullScreenCover), and data coordination between different contexts (mutually independent view trees) through a reproducible piece of "mysterious code".

Customizing the Appearance and Interaction Behavior of Buttons

Feb 2023

This article will introduce how to customize the appearance and interaction behavior of a Button by creating implementations that conform to the ButtonStyle or PrimitiveButtonStyle protocol.

SwiftUI and Core Data: Safely Responding to Data

Dec 2022

This article discusses how to prevent serious errors in views, provide accurate information to users, and respond to data changes in real time.

SwiftUI and Core Data: Data Fetching

Dec 2022

This article will discuss how to efficiently retrieve Core Data within SwiftUI views and create a new FetchRequest that utilizes mock data.

SwiftUI and Core Data: Data Definition

In future articles, we will attempt to create a SwiftUI + Core Data app using a new approach to see if we can avoid and improve some of the previous issues. This article will first explore how to define data.

SwiftUI and Core Data: The Challenges

Currently, my main challenge and research direction is how to integrate Core Data into popular application architectures, and make it work more smoothly in environments such as SwiftUI, TCA, Unit Tests, and Preview.

Adaptive Programmatic Navigation in SwiftUI

This article will discuss how to create a programmatically adaptive navigation solution for different size modes.

Ask Apple 2022 Q&A Related to SwiftUI (Part 2)

Ask Apple provides developers with the opportunity to directly communicate with Apple engineers outside of WWDC. This article summarizes some of the Q&A related to SwiftUI in this event and adds some personal insights. This is the second part of the article.

Ask Apple 2022 Q&A Related to SwiftUI (Part 1)

Oct 2022

Ask Apple provides an opportunity for developers to directly communicate with Apple engineers outside of WWDC. This article compiles some of the Q&A related to SwiftUI from the event, and includes some personal insights. This is Part 1 of the article.

The Composable Architecture (TCA)

Oct 2022

The Composable Architecture (TCA) is a SwiftUI framework that provides state and side effect management, testing and dependency injection. This article describes TCA's benefits, features, changes, learning, performance, and resources.

SwiftUI’s StateObject and ObservedObject: The Key Differences

Oct 2022

This article will introduce the similarities, differences, principles, and precautions between StateObject and ObservedObject.

Some Suitable Tutorials for SwiftUI Beginners

Sep 2022

This article will introduce some SwiftUI tutorials that have relatively low technical requirements for learners (even suitable for beginners).

How to Determine if ScrollView, List is Currently Scrolling in SwiftUI

Sep 2022

This article describes how to detect scrolling in a SwiftUI component. The methods include using Introspect, Runloop, and PreferenceKey. The last two solutions are combined in a library called IsScrolling.

Several Ways to Center Views in SwiftUI

This article will introduce some methods of how to center views in SwiftUI , explaining the implementation principle behind each method, applicable scenarios, and points to note.

Implementing Keyword-based Search and Positioning in SwiftUI Text

A few days ago, a netizen in the chat room discussed the question about How to use Text + AttributedString to achieve the function of searching for keywords in an article, and switch scrolling in the search results through buttons?

Mixing Text and Image in SwiftUI

SwiftUI offers powerful layout capabilities, but these layout operations are performed between views. When we want to mix text and images in Text, we need to adopt a different mindset and approach than with view layout. This article will first introduce some knowledge related to Text and, through a practical case, outline the approach to implementing Text and Image mixing in SwiftUI.

Mastering the SwiftUI task Modifier

Learn to use task modifiers in SwiftUI for asynchronous tasks in views, including cancellation signals, background threads, and reducing unnecessary view refreshes. Includes code examples and tips for older versions.

How to Avoid Repeating SwiftUI View Updates

This article will guide you in optimizing view calculations in SwiftUI. The methods include optimizing construction parameters, breaking down views, implementing Equatable, and controlling event sources. Understanding these principles is crucial for excelling in SwiftUI development.

SwiftUI Layout: Cracking the Size Code

Jul 2022

In this post, we will further deepen our understanding of SwiftUI layout mechanism by imitating the view modifiers frame and fixedSize, and demonstrate some issues to be aware of during layout through several examples.

SwiftUI Layout: The Mystery of Size

Jul 2022

This article will unveil the veil covering the SwiftUI size concepts from the perspective of layout, helping you understand and master the meanings and uses of the many sizes in SwiftUI. It will also provide you with a deeper understanding of the SwiftUI layout mechanism by creating copies of the frame and fixedSize view modifiers that conform to the Layout protocol.

Alignment in SwiftUI: Everything You Need to Know

Jul 2022

This article blends the Layout protocol with SwiftUI's "alignment" to aid readers in comprehending and mastering it more effectively.

Creating Tables with Table in SwiftUI

Jun 2022

Table is a table control provided for the macOS platform in SwiftUI 3.0, allowing developers to quickly create interactive multi-column tables. At WWDC 2022, Table was extended to the iPadOS platform, giving it a larger space to operate. This article will introduce the usage of Table, analyze its features, and how to implement similar functionality on other platforms.

Best Practices for Detecting and Opening URLs in SwiftUI

May 2022

This article introduces several ways to open URLs in SwiftUI views. It also covers how to automatically recognize and convert content in text into clickable links and how to customize the behavior before and after opening a URL.

Demystifying SwiftUI Animation: A Comprehensive Guide

May 2022

This article provides a comprehensive introduction to the animation mechanism of SwiftUI and provides a large amount of demonstration code.

Demystifying SwiftUI List Responsiveness: Best Practices for Large Datasets

This article will demonstrate the approach to identifying and resolving issues in SwiftUI through a case study of optimizing a list view.

Mastering zIndex in SwiftUI

This article introduces the zIndex modifier in SwiftUI, including how to use it, the scope of the zIndex, how to avoid animation anomalies with zIndex, why a stable value is needed for zIndex, and how to use zIndex in multiple layout containers.

ViewBuilder Research: Creating a ViewBuilder Imitation

This article is a guide to using ViewBuilder in SwiftUI. Topics include creating a ViewBuilder imitation, checking API availability, using AnyView, and implementing view modifiers. Code examples and explanations are provided throughout.

ViewBuilder Research: Mastering Result Builders

This article explains the use of result builders in Swift, including custom container creation, modifier implementation, version compatibility, limitations, and best practices.

SwiftUI Overlay Container 2: Customizable, Efficient, and Convenient View Manager

Mar 2022

SwiftUI Overlay Container is a view container component for SwiftUI. It is a customizable, efficient, and convenient view manager. With just a simple configuration, the SwiftUI Overlay Container can handle basic tasks such as view organization, queue processing, transitions, animations, interactions, and display style configuration. This allows developers to focus more on the implementation of the application's views themselves.

Customizing Gestures in SwiftUI

Jan 2022

This article shows how to customize gestures in SwiftUI. It covers creating swipe, press, and click gestures, as well as using view modifiers and GestureState.

Using NSUbiquitousKeyValueStore with SwiftUI

Dec 2021

NSUbiquitousKeyValueStore is an official solution provided by Apple for sharing key-value data across devices. This article offers a simple introduction to its usage, focusing on how to conveniently use NSUbiquitousKeyValueStore in SwiftUI.

Lifecycle of SwiftUI Views

Nov 2021

This article introduces the author's understanding and research on SwiftUI views and the lifecycle of SwiftUI views for discussion.

Mastering Safe Area in SwiftUI

Nov 2021

This article will explore how to obtain SafeAreaInsets in SwiftUI, draw views outside of the safe area, and modify the safe area of views.

Understanding SwiftUI's onChange

This article will provide an introduction to onChange, including its features, how to use it, precautions to take, and other solutions that are available.

Advanced SwiftUI TextField: Events, Focus, Keyboard

This article will explore the experiences, techniques, and considerations related to SwiftUI TextField events, focus switching, keyboard settings, and more.

Advanced SwiftUI TextField: Formatting and Validation

In this article I will introduce how to implement the following functionalities in TextField filtering invalid characters, determining if the entered content meets specific conditions, and real-time formatting display of the entered text.

AttributedString: Making Text More Beautiful Than Ever

At WWDC 2021, Apple introduced a long-awaited feature for developers - AttributedString. This means that Swift developers no longer need to use the Objective-C-based NSAttributedString to create styled text. This article will provide a comprehensive introduction to it and demonstrate how to create custom attributes.

Globalize Your SwiftUI App: A Comprehensive Guide to Localization

In this article, we will explore how to implement the localization of display text in iOS app development.

SheetKit: SwiftUI Modal View Extension Library

SheetKit is an extension library for SwiftUI modal views. It provides several convenient methods for presenting and dismissing modal views, as well as a few View Extensions for modal views.

How to Implement interactiveDismissDisabled in SwiftUI

In this article, we will explore how to implement an enhanced version of a new feature in SwiftUI 3.0, interactiveDismissDisabled, and how to create more SwiftUI-like functional extensions.

Rebuilding SwiftUI's Redux-like State Container with Async-Await

This article explains how to refactor SwiftUI's state container code using the Async/Await feature in Swift 5.5

Enhancing SwiftUI Navigation Views with NavigationViewKit

Aug 2021

This article introduces a library I created, NavigationViewKit, which is an extension for NavigationView. It addresses several pain points currently associated with the native NavigationView.

How to Preview a SwiftUI View with Core Data Elements in Xcode

Aug 2021

This article will explore some of the reasons behind SwiftUI preview crashes, how to avoid similar crashes in future development, and how to safely and reliably preview SwiftUI views that contain Core Data elements in Xcode.

Using UIKit Views in SwiftUI

Aug 2021

This article will explain how to use UIKit views in SwiftUI, how to give your UIKit wrapped views a SwiftUI style, and what to be aware of when using UIKit views in SwiftUI, all through the example of wrapping UITextField.

Mastering @AppStorage in SwiftUI

Jul 2021

This article explores how to use @AppStorage in a graceful, efficient, and secure manner within SwiftUI, addressing the current pain points encountered with @AppStorage usage, all without resorting to third-party libraries.

Adapting to iPad in SwiftUI

Oct 2020

One of the initial purposes of creating SwiftUI was to efficiently and reliably adapt to multiple Apple hardware platforms. Adapting to the iPad was one of my design goals at the start of developing Health Notes 2.0. This article is not a tutorial but shares lessons and insights I gained while adapting to the iPad during this development.

Discussing CoreData Usage in SwiftUI

Oct 2020

This article is not a tutorial on how to use CoreData with SwiftUI. Instead, it focuses on lessons, experiences, and insights I've gathered over the past year in using CoreData in SwiftUI development.

Introducing Several Swift or SwiftUI Third-Party Libraries Used in Developing Health Notes 2

Oct 2020

This article introduces several third-party open-source libraries used in the development of Health Notes.

Creating a Sheet in SwiftUI with Controllable Cancel Gestures

Sep 2020

How to creating a form within a Sheet that responds in real time, and the Sheet reacts to the form's status for cancel gestures.

How to Create a Real-Time Responsive Form in SwiftUI

Sep 2020

Creating a Form that is prompt in input response and accurate in feedback is crucial. This article attempts to propose a development approach for Forms in SwiftUI.

Pop Up Different Sheets in SwiftUI as Needed

Sep 2020

Sheets are an interaction style I particularly enjoy as they effectively control user actions, simplifying interaction logic. In iOS 14, SwiftUI introduced `fullCover`, supporting fullscreen sheet presentations, offering developers more choices.

Discussing List and ForEach in SwiftUI

Aug 2020

Using List in SwiftUI can be very convenient and quick for creating various types of lists. List is essentially a wrapper around UITableView

SwiftUIOverlayContainer — A SwiftUI Library for Creating Customized Popup Views

Aug 2020

SwiftUI currently offers popup views such as sheet, fullScreenCover, alert, action sheet, etc. to enrich UI interactions. However, the variety is somewhat limited. To write code for various popup windows more conveniently, I created a simple SwiftUI library — SwiftUIOverlayContainer.

Implementing the Side Menu for the iOS Mail App with SwiftUI

Aug 2020

With the continuous improvement of SwiftUI 2.0, I feel it's time to make a major upgrade to my app. I've always wanted to implement an elegant side menu effect in my app similar to the iOS mail app, and I searched online for a solution. However, most of the implementations are for UIKit and there are not many project libraries that are well adapted to SwiftUI. I ended up implementing one myself in Xcode 12.

HowTo —— File Import and Export in SwiftUI 2.0

Native file import and export functionality has been added to SwiftUI 2.0. It should be noted that the behavior of file export in different directories will vary, and the handling of permissions will also differ on different platforms.

HowTo —— Using ScrollViewReader to Scroll to Position in SwiftUI 2.0

With SwiftUI 2.0, scroll positioning has become much easier to adapt to most application scenarios. The implementation method is completely different from various folk solutions in the past, and it is not done by setting specific offsets for positioning, but by using IDs to mark positions.

HowTo —— Using ProgressView in SwiftUI 2.0 to Display Progress Bars

SwiftUI 2.0 introduced some convenient built-in controls, such as Label and ProgressView. They have a basic form that is quite common but support custom styles. The intention of the official team is quite clear by using built-in controls, they aim to standardize code and speed up prototype writing. If more detailed control is needed, it can be achieved by extending the style.

HowTo —— Handling Universal Links with onOpenURL

SwiftUI 2.0, with its new coding architecture (Life Cycle SwiftUI App), introduces onOpenURL for handling Universal Links. Unlike solutions in AppDelegate or SceneDelegate, onOpenURL is a view modifier, allowing you to register your app's URL handling mechanism on any View.

HowTo —— Use ToolBar to Replace navigationbarItems in SwiftUI2.0

SwiftUI 2.0 provides some new controls with similar functions to existing controls but different names and usages in order to achieve better multi-platform support while maintaining compatibility with 1.0 version code. For example, ToolBar, navigationTitle, etc. Toolbar can implement all the functions of navigationbarItems and add adaptations on multiple platforms. It adopts a completely new syntax which makes the code easier to read.

HowTO —— SwiftUI 2.0 LazyGrid

In the first version of SwiftUI, there was no equivalent functionality for UICollectionView. Developers had to wrap it themselves or rely on many third-party libraries. In SwiftUI 2.0, Apple provided Grid widgets through LazyVGrid and LazyHGrid. The implementation of this widget is very much in the style of SwiftUI, and it is significantly different from many third-party libraries.

HowTo —— How to Use Label in SwiftUI 2.0

SwiftUI 2.0 introduced the Label widget, making it convenient for us to add labels composed of images and text.

HowTo - SwiftUI 2.0 LazyVStack and LazyHStack

SwiftUI 2.0 introduces LazyVStack and LazyHStack, which only render Views when they are within the visible area.

HowTo - Displaying Maps in a View with Swift 2.0

In Swift 2.0, Apple has added MapKit, making it very easy for developers to incorporate the necessary map elements in a View.

SwiftUI 2.0 — Apps, Scenes, and New Code Structures (Part 2)

In this article, we will focus on how to more efficiently organize Data Flow under the new code structure of SwiftUI 2.0.

SwiftUI 2.0 — App, Scene, and New Code Structure (Part 1)

This article briefly introduces the new App and Scene protocols in SwiftUI 2.0. It discusses how to organize Data Flow under the new code structure and provides some usage examples of the preset Scenes in SwiftUI 2.0.

@FocusedBinding Overview