Hacking with iOS: SwiftUI Editio

本系列课程来自Hacking with iOS: SwiftUI Edition，学习的同时，记录于此，希望更多人能够好好学习，天天向上！

项目 1: WeSplit

通过第一个项目学习SwiftUI的基础知识

概览

• WeSplit项目简介及了解SwiftUI APP的基本结构

• 创建表单

• 添加导航栏

• 修改程序状态

• 将状态绑定到UI控件

• 在循环中创建视图

实现

• 使用TextField读取用户的输入

• 在表单中创建选择器

• 使用分段控件选择百分比

• 计算每个人的金额

挑战

• SWeSplit 挑战

项目 2: Guess the Flag 猜国旗

使用 stacks, images, 和 alerts开发一个游戏

概览

• 猜旗项目简介及使用堆栈排列视图

• 颜色和视图位置

• 渐变色

• 按钮和图片

• Alert弹窗

实现

• 堆叠按钮

• 显示用户的分数

• 设计我们的国旗样式

挑战

• 猜国旗项目 挑战

项目 3: Views and Modifiers 视图和修饰符

深入研究Swift的渲染系统

概览

• 视图和修饰符项目——引言

概念

• 为什么SwiftUI的视图使用结构体？

• SwiftUI视图的背后是什么？

• 为什么SwiftUI的修饰符顺序很重要？

• 为什么SwiftUI使用 some View 作为视图类型？

高级用法

• 条件修饰符

• 环境修饰符

• 将视图作为属性

• 视图拆分与组合

• 自定义修饰符

• 自定义容器

挑战

• 视图和修饰符项目——挑战

Project 4: BetterRest

使用机器学习改善睡眠

Overview

• BetterRest 项目——介绍

• BetterRest 项目——使用 Stepper 输入数字

• BetterRest 项目——使用 DatePicker 选择日期和时间

• BetterRest 项目——使用日期

• BetterRest 项目——用Create ML训练模型

Implementation

• BetterRest 项目——建立基本布局

• BetterRest 项目——使用Core ML模型预测结果

• BetterRest 项目——优化用户界面

Challenges

• BetterRest 项目——挑战

Project 5: Word Scramble

用列表构建字母排列游戏

Overview

• Word Scramble 项目——项目介绍和List 介绍

• Word Scramble 项目——从App Bundle中加载资源文件

• Word Scramble 项目——使用字符串

Implementation

• Word Scramble 项目——添加一个单词列表

• Word Scramble 项目——当APP启动时运行代码

• Word Scramble 项目——使用UITextChecker校验单词

Challenges

• Word Scramble 项目——挑战

Project 6: Animation

用动画来美化用户界面

Overview

• SwiftUI：创建隐式动画

Basics

• SwiftUI：创建隐式动画

• 在SwiftUI中自定义动画

• SwiftUI：动画绑定

• SwiftUI：创建显式动画

Advanced Usage

• Controlling the animation stack
• Animating gestures
• Showing and hiding views with transitions
• Building custom transitions using ViewModifier

Project 7: iExpense

Bring in a second view with this expense tracking app

Overview

• iExpense: Introduction
• Why @State only works with structs
• Sharing SwiftUI state with @ObservedObject
• Showing and hiding views
• Deleting items using onDelete()
• Storing user settings with UserDefaults
• Archiving Swift objects with Codable

Implementation

• Building a list we can delete from
• Working with Identifiable items in SwiftUI
• Sharing an observed object with a new view
• Making changes permanent with UserDefaults
• Final polish

Challenges

• iExpense: Wrap up

Project 8: Moonshot

Teach users about space history with scroll views, Codable, and more

Overview

• Moonshot: Introduction
• Resizing images to fit the screen using GeometryReader
• How ScrollView lets us work with scrolling data
• Pushing new views onto the stack using NavigationLink
• Working with hierarchical Codable data
• Loading a specific kind of Codable data
• Using generics to load any kind of Codable data

Implementation

• Formatting our mission view
• Showing mission details with ScrollView and GeometryReader
• Merging Codable structs using first(where:)
• Fixing problems with buttonStyle() and layoutPriority()

Challenges

• Moonshot: Wrap up

Project 9: Drawing

Use shapes, paths, colors, and more to create custom art for your app

Paths and Shapes

• Drawing: Introduction
• Creating custom paths with SwiftUI
• Paths vs shapes in SwiftUI
• Adding strokeBorder() support with InsettableShape

Customization and Performance

• Transforming shapes using CGAffineTransform and even-odd fills

• Creative borders and fills using ImagePaint

• Enabling high-performance Metal rendering with drawingGroup()

Special Effects and Animation

• Special effects in SwiftUI: blurs, blending, and more
• Animating simple shapes with animatableData
• Animating complex shapes with AnimatablePair
• Creating a spirograph with SwiftUI

Project 10: Cupcake Corner

Build an app that sends and receives JSON from the internet

Overview

• Cupcake Corner: Introduction
• Adding Codable conformance for @Published properties
• Sending and receiving Codable data with URLSession and SwiftUI
• Validating and disabling forms

Implementation

• Taking basic order details
• Checking for a valid address
• Preparing for checkout
• Encoding an ObservableObject class
• Sending and receiving orders over the internet

Challenges

• Cupcake Corner: Wrap up

Project 11: Bookworm

Use Core Data to build an app that tracks books you like

Overview

• Bookworm: Introduction
• Creating a custom component with @Binding
• Using size classes with AnyView type erasure
• How to combine Core Data and SwiftUI

Implementation

• Creating books with Core Data
• Adding a custom star rating component
• Building a list with @FetchRequest
• Showing book details
• Sorting fetch requests with NSSortDescriptor
• Deleting from a Core Data fetch request
• Using an alert to pop a NavigationLink programmatically

Challenges

• Bookworm: Wrap up

Project 12: Core Data

Take an in-depth tour of how SwiftUI and Core Data work together

Basics

• Core Data: Introduction
• Why does .self work for ForEach?
• Creating NSManagedObject subclasses
• Conditional saving of NSManagedObjectContext
• Ensuring Core Data objects are unique using constraints

Advanced Techniques

• Filtering @FetchRequest using NSPredicate
• Dynamically filtering @FetchRequest with SwiftUI
• One-to-many relationships with Core Data, SwiftUI, and @FetchRequest

Challenges

• Core Data: Wrap up

Project 13: Instafilter

Learn to link SwiftUI, UIKit, and Core Image in one app

Overview

• Instafilter: Introduction
• How property wrappers become structs
• Creating custom bindings in SwiftUI
• Showing multiple options with ActionSheet
• Integrating Core Image with SwiftUI
• Wrapping a UIViewController in a SwiftUI view
• Using coordinators to manage SwiftUI view controllers
• How to save images to the user’s photo library

Implementation

• Building our basic UI
• Importing an image into SwiftUI using UIImagePickerController
• Basic image filtering using Core Image
• Customizing our filter using ActionSheet
• Saving the filtered image using UIImageWriteToSavedPhotosAlbum()

Challenges

• Instafilter: Wrap up

Project 14: Bucket List

Embed maps and make network calls in this life goals app

Overview

• Bucket List: Introduction
• Adding conformance to Comparable for custom types
• Writing data to the documents directory
• Switching view states with enums
• Integrating MapKit with SwiftUI
• Communicating with a MapKit coordinator
• Using Touch ID and Face ID with SwiftUI

Implementation

• Advanced MKMapView with SwiftUI
• Customizing MKMapView annotations
• Extending existing types to support ObservableObject
• Downloading data from Wikipedia
• Sorting Wikipedia results
• Making someone else’s class conform to Codable
• Locking our UI behind Face ID

Challenges

• Bucket List: Wrap up

Project 15: Accessibility

Learn how to make your apps available to everyone

Overview

• Accessibility: Introduction
• Identifying views with useful labels
• Hiding and grouping accessibility data
• Reading the value of controls

Fixing Projects

• Fixing Guess the Flag
• Fixing Word Scramble
• Fixing Bookworm

Challenges

• Accessibility: Wrap up

Project 16: Hot Prospects

Build an app for conferences with tabs, context menus, and more.

Overview

• Hot Prospects: Introduction
• Reading custom values from the environment with @EnvironmentObject
• Creating tabs with TabView and tabItem()
• Understanding Swift’s Result type
• Manually publishing ObservableObject changes
• Controlling image interpolation in SwiftUI
• Creating context menus
• Scheduling local notifications
• Adding Swift package dependencies in Xcode

Implementation

• Building our tab bar
• Sharing data across tabs using @EnvironmentObject
• Dynamically filtering a SwiftUI List
• Generating and scaling up a QR code
• Scanning QR codes with SwiftUI
• Adding options with a context menu
• Saving and loading data with UserDefaults
• Posting notifications to the lock screen

Challenges

• Hot Prospects: Wrap up

Project 17: Flashzilla

Use gestures and haptics to build a learning app.

Overview

• Flashzilla: Introduction
• How to use gestures in SwiftUI
• Making vibrations with UINotificationFeedbackGenerator and Core Haptics
• Disabling user interactivity with allowsHitTesting()
• Triggering events repeatedly using a timer
• How to be notified when your SwiftUI app moves to the background
• Supporting specific accessibility needs with SwiftUI

Implementation

• Designing a single card view
• Building a stack of cards
• Moving views with DragGesture and offset()
• Coloring views as we swipe
• Counting down with a Timer
• Ending the app with allowsHitTesting()
• Making iPhones vibrate with UINotificationFeedbackGenerator
• Fixing the bugs
• Adding and deleting cards

Challenges

• Flashzilla: Wrap up

Project 18: Layout and Geometry

Explore the inner workings of SwiftUI's layout system.

Positioning

• Layout and geometry: Introduction
• How layout works in SwiftUI
• Alignment and alignment guides
• How to create a custom alignment guide
• Absolute positioning for SwiftUI views

GeometryReader

• Understanding frames and coordinates inside GeometryReader
• ScrollView effects using GeometryReader

Project 19: SnowSeeker

Build an app for ski resorts that works great on iPad.

Overview

• SnowSeeker: Introduction
• Working with two side by side views in SwiftUI
• Using alert() and sheet() with optionals
• Using groups as transparent layout containers

Implementation

• Building a primary list of items
• Making NavigationView work in landscape
• Creating a secondary view for NavigationView
• Changing a view’s layout in response to size classes
• Binding an alert to an optional string
• Letting the user mark favorites

Challenges

• SnowSeeker: Wrap up