SwiftUI Projects: Build six real-world, cross-platform mobile applications using Swift, Xcode 12, and SwiftUI

Description

Learn SwiftUI by designing and building complex user interfaces for watchOS, iPadOS, and iOS with the help of projects including a financial app, a sports news app, and a POS system Key FeaturesLearn SwiftUI with the help of practical cross-platform development projectsUnderstand the design considerations for building apps for different devices such as Apple Watch, iPhone, and iPad using SwiftUI's latest featuresWork with advanced SwiftUI layout features, including SF Symbols, SwiftUI grids, and forms in SwiftUIBook Description Released by Apple during WWDC 2019, SwiftUI provides an innovative and exceptionally simple way to build user interfaces for all Apple platforms with the power of Swift. This practical guide involves six real-world projects built from scratch, with two projects each for iPhone, iPad, and watchOS, built using Swift programming and Xcode. Starting with the basics of SwiftUI, you'll gradually delve into building these projects. You'll learn the fundamental concepts of SwiftUI by working with views, layouts, and dynamic types. This SwiftUI book will also help you get hands-on with declarative programming for building apps that can run on multiple platforms. Throughout the book, you'll work on a chart app (watchOS), NBA draft app (watchOS), financial app (iPhone), Tesla form app (iPhone), sports news app (iPad), and shoe point-of-sale system (iPad), which will enable you to understand the core elements of a SwiftUI project. By the end of the book, you'll have built fully functional projects for multiple platforms and gained the knowledge required to become a professional SwiftUI developer. What you will learnUnderstand the basics of SwiftUI by building an app with watchOSWork with UI elements such as text, lists, and buttonsCreate a video player in UIKit and import it into SwiftUIDiscover how to leverage an API and parse JSON in your app using CombineStructure your app to use Combine and state-driven featuresCreate flexible layouts on iPadWho this book is for SwiftUI Projects is intended for anyone who is already comfortable with Swift. We do not cover Swift topics in detail, so you need to be familiar with these already. All of the SwiftUI topics are taught as if this is the first time you've learned them and will gradually get more difficult. Table of ContentsSwiftUI BasicsSwiftUI Watch TourNBA Draft - Watch AppCar Order Form - DesignCar Order Form - DataFinancial App - DesignFinancial App - Core DataShoe Point of Sale System - DesignShoe Point of Sale System - CloudKitSports News App - DesignSports News App - Data Cover Copyright About PACKT Contributors Table of Contents Preface Chapter 1: SwiftUI Basics Technical requirements Views and controls Text TextField SecureField Image Modifying an image Buttons Shapes Circle Rectangle Ellipse Capsule Rounded Rectangle View layout and presentation VStack VStack with a spacer HStack HStack with spacer ZStack Group ForEach List ScrollView Summary Chapter 2: SwiftUI Watch Tour Technical requirements Getting started Building out our navigation Creating a static list Creating a chart Page-View navigation Creating a SwiftUI watch list Using Swift previews Charts Bar charts Activity Ring Creating our wedge Summary Chapter 3: NBA Draft – Watch App Technical requirements Building our watch UI Walking through the design specs Accessibility and fonts System fonts Custom fonts Designing the menu Designing draft cards Adding our properties Adding our header Adding our card contents Adding the top of the card Adding the bottom of the card Designing the prospect details Creating a details prospect header Creating the details prospect header Creating detailed prospect stats Creating detailed prospect info Connecting our views Refactoring views Refactoring ContentView Refactoring the detail view Adding watch data Updating the menu with DraftRound Updating the draft list with pick data Updating the Draft List Card Adding data to DraftCardView Challenge – Updating the details view with prospect data Summary Chapter 4: Car Order Form – Design Technical requirements The overall design Understanding the structure Car Detail Creating Basic car info view Creating our Car Info Detail view Creating our Car Info Photos section Displaying our Car Info view Wrapping up Car Detail The form view Complete Order design The Top Order view Bottom Order view The Complete Order view Combining our views Cancel Order design challenge Summary Chapter 5: Car Order Form – Data Technical requirements Understanding State and Binding Difference between @Binding and @State Combine 101 – discussing the basics Three main ingredients Networking with Combine Understanding observable objects Chapter 6: Financial App – Design Technical requirements Understanding our App design Understanding the home view logic Home header Creating our card view Home submenu view (challenge 1) Creating an account summary Creating our home view Creating an account Color button menu Credit card type menu Form view Bringing it all together – CreateAccountView Create account list (challenge 3) Summary Chapter 7: Financial App – Core Data Technical requirements What is Core Data? What is a managed object model? What is an object context? What is a persistent store coordinator? Creating a data model Creating Core Data entities Adding model properties Understanding Core Data relationships Core Data Codegen Core Data manager SwiftUI and Core Data optionals Mock account preview service Implementing our View model Core Data challenge Updating ContentView with an environment object Summary Chapter 8: Shoe Point of Sale System – Design Displaying the app container Creating a products header view Creating our main products container Creating the shopping cart header Creating a cart total display Displaying our cart view Viewing our custom split view Creating the products ProductsContentView Product details Creating custom buttons for our product details view SizeCartItemView Creating the shopping cart Designing the cart item view Cart content view Summary Chapter 9: Shoe Point of Sale System – CloudKit Understanding the basics of CloudKit Turning on CloudKit manually Creating our first CloudKit record How to index a new record type in CloudKit Dashboard Creating CloudKit models CloudKit extensions Creating our product model Creating brands CloudKit helper Creating our view model Creating our dummy data Displaying CloudKit models Displaying data in the product details view The shopping cart Updating our product views Summary Chapter 10: Sports News App – Design Creating a sidebar Prototyping our app with boxes HeaderView Quick challenge Dashboard Roster prototyping Schedule prototyping Prototyping the game details Designing dashboard module views Video player with a grid The featured news module The featured player module The standings module view Playoff module design challenge Roster RosterHeaderView RosterView Schedule Game detail challenge Summary Chapter 11: Sports News App – Data Mockoon API design Creating the API class Dashboard data Latest video Model challenge time Updating more dashboard data Creating our View model Implementing our View model Connecting feeds to FeaturedArticleModuleView Updating FeaturedPlayerModuleView Updating PlayerCardView Updating RosterView Standings StandingItem Final challenge Summary Other Books You May Enjoy Index