HOME BOOKS QUICK GUIDES VIDEO COURSES
NEWSLETTER CONTACT
SwiftUI for Masterminds
How to take advantage of SwiftUI to create insanely great apps for iPhones, iPads, and Macs
3rd Edition 2022
ISBN: 978-1-7779782-2-8
Buy Now
There is a new edition of this book available!
Click here for more information.
Information
3rd Edition 2022
ISBN: 978-1-7779782-2-8
More than 800 Codes Explained!
More than 300 Projects!
Figures
Book publishers automatically compress the images in ebooks to reduce the size of the file. This may affect the quality of textbooks and turn some images illegible. If this is affecting you, you can download all the images included in the SwiftUI for Masterminds book or open the image you want to see from the list.
Download Figures
72.1 MBytes
CHAPTER 1 - APP DEVELOPMENT
Figure 1-1: Xcode in the Mac App Store
Figure 1-2: Xcode's welcome screen
Figure 1-3: Building an App
CHAPTER 2 - INTRODUCTION TO SWIFT
Figure 2-1: Playground option
Figure 2-2: Playground templates
Figure 2-3: Playground's interface
Figure 2-4: Playground's running mode
Figure 2-5: Show Result and Quick Look buttons
Figure 2-6: Quick Look window
Figure 2-7: Result window
Figure 2-8: Memory cells
Figure 2-9: Combining two cells
Figure 2-10: Representation of one Byte in memory
Figure 2-11: Emojis and symbols
CHAPTER 3 - SWIFT PARADIGM
Figure 3-1: Value types stored in memory
Figure 3-2: Objects stored in memory
Figure 3-3: Objects referencing each other
Figure 3-4: Objects preserved in memory
Figure 3-5: Object-Oriented Programming versus Protocol-Oriented Programming
CHAPTER 4 - INTRODUCTION TO FRAMEWORKS
There are no Figures in this Chapter
CHAPTER 5 - SWIFTUI FRAMEWORK
Figure 5-1: Selecting the type of project
Figure 5-2: Project configuration window
Figure 5-3: Registering our Apple account in Xcode
Figure 5-4: Xcode’s interface
Figure 5-5: Multiple editors in the Editor Area
Figure 5-6: Adjust Editor Options
Figure 5-7: Editor panel
Figure 5-8: Scheme menu
Figure 5-9: Options available to run the app
Figure 5-10: App running in the simulator
Figure 5-11: Developer mode
Figure 5-12: Target configuration
Figure 5-13: App configuration
Figure 5-14: Files created by the Multiplatform App template
Figure 5-15: Views hierarchy
Figure 5-16: Views created by the App template on the Canvas
Figure 5-17: Refresh button
Figure 5-18: Preview configuration
Figure 5-19: Text view with formatted values
Figure 5-20: Date displayed with a Text view
Figure 5-21: Modifier applied to a Text view
Figure 5-22: View's attributes
Figure 5-23: View's context menu
Figure 5-24: Adding a modifier from the Library
Figure 5-25: View with a fixed size and the content aligned to the left (leading)
Figure 5-26: Flexible view
Figure 5-27: View with padding
Figure 5-28: Padding only on the sides
Figure 5-29: Padding at the top and bottom
Figure 5-30: Dynamic font types
Figure 5-31: Text with the Georgia font
Figure 5-32: Dragging files from Finder to our Xcode’s project
Figure 5-33: Options to add files to the project
Figure 5-34: Custom fonts declared in the Info panel
Figure 5-35: Text with a custom font
Figure 5-36: Multiple styles applied to a text
Figure 5-37: Nested Text views with different styles
Figure 5-38: Semibold text
Figure 5-39: Multiline text
Figure 5-40: Truncation mode
Figure 5-41: Color view
Figure 5-42: Empty Asset Catalog
Figure 5-43: Colors for Light and Dark appearances
Figure 5-44: New color for Dark appearance
Figure 5-45: Custom color in Dark appearance
Figure 5-46: Accent color
Figure 5-47: Text in different color
Figure 5-48: View with a background
Figure 5-49: Background applied before and after the padding
Figure 5-50: Background and border applied to the view
Figure 5-51: Round corners
Figure 5-52: Overlay
Figure 5-53: Gradient
Figure 5-54: Material applied to a view
Figure 5-55: Material applied to the text
Figure 5-56: Same image in devices with different scale
Figure 5-57: Different images for specific scales
Figure 5-58: New set of images
Figure 5-59: The husky set is ready
Figure 5-60: Images for iPhones
Figure 5-61: Image view larger than the screen
Figure 5-62: Image clipped
Figure 5-63: Image resized
Figure 5-64: Aspect fit (left) and aspect fill (right)
Figure 5-65: Clipped image
Figure 5-66: Flexible Image view
Figure 5-67: Image view with common modifiers
Figure 5-68: Visual effects applied to an image
Figure 5-69: Image adapting to the selected font size
Figure 5-70: SF Symbols app
Figure 5-71: SF Symbol
Figure 5-72: A variant of an SF Symbol
Figure 5-73: Multicolor symbol
Figure 5-74: Multicolor symbol with custom colors
Figure 5-75: Variable SF Symbol
Figure 5-76: Label with an SF Symbol
Figure 5-77: Custom modifiers applied to a view
Figure 5-78: Vertical stack
Figure 5-79: Vertical stack aligned to the left with a space of 20 points in between
Figure 5-80: Horizontal stack aligned to the center
Figure 5-81: HStack alignments
Figure 5-82: Views in a ZStack
Figure 5-83: ZStack alignments
Figure 5-84: Custom Z index
Figure 5-85: Modifier applied to container
Figure 5-86: Nested stacks
Figure 5-87: Flexible space between views
Figure 5-88: Views at the top of the screen
Figure 5-89: Safe areas
Figure 5-90: Views ignoring the safe area
Figure 5-91: Views at the bottom of the screen
Figure 5-92: Views expanding the safe area
Figure 5-93: Priorities by default
Figure 5-94: Custom priorities
Figure 5-95: View with a fixed size
Figure 5-96: Images aligned to the center
Figure 5-97: Alignment guides for the bus
Figure 5-98: Bus aligned with custom values
Figure 5-99: Images aligned by the baselines
Figure 5-100: Views aligned with custom alignment guides
Figure 5-101: Alignments required for the views
Figure 5-102: Views with a custom alignment
Figure 5-103: Modifiers applied to groups of views
Figure 5-104: Grid
Figure 5-105: Multicolumn cell
Figure 5-106: Multiple grids
Figure 5-107: Extract Subview option
Figure 5-108: Swift files
Figure 5-109: Custom layout
Figure 5-110: Custom and Standard layouts
Figure 5-111: Preview of the size of the view
Figure 5-112: Multiple previews with different environment configurations
CHAPTER 6 - DECLARATIVE USER INTERFACE
Figure 6-1: User Interface
Figure 6-2: Initial state (left) and state after the button is pressed (right)
Figure 6-3: Title defined with the values of the @Binding property
Figure 6-4: States in light and dark appearances
Figure 6-5: App's model
Figure 6-6: Implementation of an observable object
Figure 6-7: Observable object model
Figure 6-8: Interface updated with an observable object
Figure 6-9: Text field initialized with the value in the model
Figure 6-10: Accessing the model through the environment
Figure 6-11: MVVM
Figure 6-12: Combining title and author in the model view
Figure 6-13: Button view
Figure 6-14: Dynamic interface
Figure 6-15: Button disabled
Figure 6-16: Button with template image
Figure 6-17: Buttons with standard styles
Figure 6-18: Destructive button
Figure 6-19: Button of custom size
Figure 6-20: Button with custom styles
Figure 6-21: Text field with a rounded border
Figure 6-22: Focus
Figure 6-23: Multiline text field
Figure 6-24: Secure text field
Figure 6-25: Text editor
Figure 6-26: Switch on and off
Figure 6-27: Switch with a title and subtitle
Figure 6-28: Custom size and label for the switch
Figure 6-29: Toggle button in the on and off state
Figure 6-30: Custom style for the Toggle view
Figure 6-31: Slider for integer values
Figure 6-32: Slider states
Figure 6-33: Progress bar
Figure 6-34: Progress bar at work
Figure 6-35: Activity indicator
Figure 6-36: Stepper
Figure 6-37: Custom stepper
Figure 6-38: Group box
Figure 6-39: Size classes assigned to mobile devices
Figure 6-40: Different layouts for Compact and Regular size classes
Figure 6-41: Orientations
Figure 6-42: Image of relative size
Figure 6-43: Horizontal and vertical positions
Figure 6-44: View measured by a GeometryReader view
Figure 6-45: Interface updated with preferences
CHAPTER 7 - LISTS
Figure 7-1: List of views generated by a ForEach loop
Figure 7-2: List of views with a standard design
Figure 7-3: List of views created from the data in the model
Figure 7-4: Scroll view
Figure 7-5: Horizontal scroll view
Figure 7-6: Custom scroll
Figure 7-7: Fixed grid
Figure 7-8: Flexible grid
Figure 7-9: Adaptive grid
Figure 7-10: List of rows created by a List view
Figure 7-11: Plain list
Figure 7-12: Custom list
Figure 7-13: Alternate backgrounds
Figure 7-14: Static and dynamic content
Figure 7-15: Sections with headers
Figure 7-16: Section separators
Figure 7-17: Same height for all the rows
Figure 7-18: Alphabetical sections
Figure 7-19: Automatic delete feature
Figure 7-20: Edit button
Figure 7-21: Move buttons
Figure 7-22: Single selection
Figure 7-23: Selected rows
Figure 7-24: Custom selection
Figure 7-25: Custom swipe action
Figure 7-26: Custom button to remove a row
Figure 7-27: Refresh control
Figure 7-28: Hierarchical list
Figure 7-29: Custom hierarchy
Figure 7-30: Table in iPads and iPhones
Figure 7-31: Column of Toggle views
Figure 7-32: Menu picker
Figure 7-33: Wheel and segmented pickers
Figure 7-34: Picker for dates
Figure 7-35: Wheel picker
Figure 7-36: Multiple date picker
Figure 7-37: Simple form
Figure 7-38: Form with a standard design
Figure 7-39: Disclosure groups
CHAPTER 8 - NAVIGATION
Figure 8-1: Multiple views to expand the interface
Figure 8-2: Navigation stack
Figure 8-3: Inline mode
Figure 8-4: Navigation bar button
Figure 8-5: Group of buttons in the navigation bar
Figure 8-6: Bottom toolbar
Figure 8-7: Primary and secondary buttons
Figure 8-8: Secondary buttons on an iPad
Figure 8-9: Button to customize the toolbar
Figure 8-10: Toolbar customization
Figure 8-11: Custom popup menu
Figure 8-12: Search bar
Figure 8-13: Suggestions
Figure 8-14: Custom cancel button
Figure 8-15: Search scopes
Figure 8-16: Tokens
Figure 8-17: Interface with two views
Figure 8-18: Custom back button
Figure 8-19: Detail view
Figure 8-20: Custom navigation path
Figure 8-21: Sheet to insert new values
Figure 8-22: Sheet to edit values
Figure 8-23: Popover on iPad
Figure 8-24: Alert view
Figure 8-25: Alert view with multiple buttons
Figure 8-26: Confirmation dialog
Figure 8-27: TabView with two views
Figure 8-28: Tabs
Figure 8-29: Views in a TabView view
Figure 8-30: More tabs
Figure 8-31: Badge
Figure 8-32: Interface configured by the user
Figure 8-33: Pages
Figure 8-34: iPad app configured with three columns
Figure 8-35: NavigationSplitView view in iPhones in portrait mode
Figure 8-36: Different design for iPhones and iPads
Figure 8-37: Link opens the view in the left column
CHAPTER 9 - CONCURRENCY
Figure 9-1: Asynchronous and concurrent programming
Figure 9-2: Button to add configuration options
Figure 9-3: App Transport Security option
Figure 9-4: App Transport Security configured to allow non-secure URLs
Figure 9-5: App Transport Security configured to allow URLs from formasterminds.com
Figure 9-6: Image loaded asynchronously
Figure 9-7: Image configuration
CHAPTER 10 - STORAGE
Figure 10-1: Interface to store settings
Figure 10-2: Displaying app settings
Figure 10-3: Settings view
Figure 10-4: Interface to create files
Figure 10-5: List of files
Figure 10-6: Files from two directories
Figure 10-7: Buttons to move and delete a file
Figure 10-8: Details view with the file's attributes
Figure 10-9: Interface to select and store an image
Figure 10-10: Image reduced
Figure 10-11: Interface to insert and store a text
Figure 10-12: Content of a text file stored in the bundle
Figure 10-13: Document app
Figure 10-14: Custom Document app
Figure 10-15: Export a document
Figure 10-16: Interface to import a document
Figure 10-17: Application to create and export files
Figure 10-18: Interface to store a custom value in a file
Figure 10-19: Interface to store multiple values in a file
Figure 10-20: Values decoded from a JSON file
Figure 10-21: Option to create a Core Data model in the iOS panel
Figure 10-22: Model editor
Figure 10-23: New Entities
Figure 10-24: New Attributes
Figure 10-25: Multiple Attributes
Figure 10-26: Option to store images outside the Persistent Store
Figure 10-27: Multiple Entities
Figure 10-28: Relationship for the Books entity
Figure 10-29: Relationship settings
Figure 10-30: Relationship for the Authors entity
Figure 10-31: Inverse Relationships
Figure 10-32: Core Data stack
Figure 10-33: Entity's subclass
Figure 10-34: Interface to work with Core Data
Figure 10-35: Interface to list and add authors
Figure 10-36: Different sorting criteria
Figure 10-37: Searching
Figure 10-38: Dynamic fetch request
Figure 10-39: Interface to modify objects
Figure 10-40: Total number of books in the Persistent Store
Figure 10-41: Sections
Figure 10-42: Attribute to create alphabetical sections
Figure 10-43: Books in alphabetical sections
Figure 10-44: Many-To-Many relationship
CHAPTER 11 - GRAPHICS AND ANIMATIONS
Figure 11-1: Standard shapes
Figure 11-2: Rectangle
Figure 11-3: Rectangles with different strokes
Figure 11-4: Rectangle with a custom stroke
Figure 11-5: Graphic button
Figure 11-6: Linear gradient
Figure 11-7: Linear gradient with custom stops
Figure 11-8: Circular gradient
Figure 11-9: Conic gradient
Figure 11-10: Shadow
Figure 11-11: Pattern
Figure 11-12: Custom path
Figure 11-13: Lines and arcs
Figure 11-14: Lines and ellipses
Figure 11-15: Complex curves
Figure 11-16: Path of relative size
Figure 11-17: Custom shape views
Figure 11-18: Image displaced to the right
Figure 11-19: Image rotated in the y axis
Figure 11-20: Image clipped with a Circle shape
Figure 11-21: Rotation
Figure 11-22: Mirror shapes
Figure 11-23: Incomplete shape
Figure 11-24: Image of a custom size
Figure 11-25: Shapes and text on the canvas
Figure 11-26: Rotation
Figure 11-27: Custom rotation
Figure 11-28: Multiple rotations
Figure 11-29: Clipping mask
Figure 11-30: Multiple configurations
Figure 11-31: Filters
Figure 11-32: Bar Charts
Figure 11-33: Line, Point, Rectangle, and Area charts
Figure 11-34: Horizontal line
Figure 11-35: Different styles per category
Figure 11-36: Multiple mark styles
Figure 11-37: Multiple series of values
Figure 11-38: Bar chart with two series of values
Figure 11-39: Independent bars with custom positions
Figure 11-40: Custom image
Figure 11-41: Animation by default
Figure 11-42: Animated path
CHAPTER 12 - GESTURES
Figure 12-1: Image responding to the tap gesture
Figure 12-2: Responsive row
Figure 12-3: Image rotated by the user
Figure 12-4: Tool to split the screen on iPads
Figure 12-5: Drag and drop operation between apps
Figure 12-6: Custom preview
Figure 12-7: Dropping an image into our app
Figure 12-8: Data processing in a drag and drop operation
Figure 12-9: Custom content type
Figure 12-10: Drag and drop with custom data
CHAPTER 13 - MAP KIT
Figure 13-1: Map showing a specific region of New York City
Figure 13-2: Current latitude and longitude
Figure 13-3: Annotation on the map
Figure 13-4: Custom view for annotations
Figure 13-5: Custom image for annotations
Figure 13-6: Selected and deselected annotation
Figure 13-7: Places found by the Local Search system
Figure 13-8: Privacy - Location When In Use Usage Description option
Figure 13-9: User's location on the map
Figure 13-10: User location button
CHAPTER 14 - NOTIFICATIONS
Figure 14-1: Interface to test notifications
Figure 14-2: Interface adapting to the keyboard
Figure 14-3: The interface scrolls to adapt to the keyboard
Figure 14-4: Different interface for portrait and landscape orientations
Figure 14-5: Authorization to deliver notifications
Figure 14-6: Notification
Figure 14-7: Media Attachment
Figure 14-8: Provisional notifications in the Notification Center
Figure 14-9: Notifications in an active application
Figure 14-10: Notifications in two groups
Figure 14-11: Summary option in Settings app
Figure 14-12: Notifications summary in the Lock screen
Figure 14-13: Actions in a notification
Figure 14-14: Notification with a button to open a text field
CHAPTER 15 - ICLOUD
Figure 15-1: Activating iCloud for our app
Figure 15-2: Activating iCloud services
Figure 15-3: iCloud account in the simulator
Figure 15-4: Interface to test Key-Value storage
Figure 15-5: Interface to store multiple values in Key/Value storage
Figure 15-6: iCloud Documents service
Figure 15-7: Container's name
Figure 15-8: Selected container
Figure 15-9: Interface to edit a document
Figure 15-10: Interface to read and save multiple documents
Figure 15-11: Databases configuration
Figure 15-12: CloudKit service
Figure 15-13: Push Notifications
Figure 15-14: Background Mode
Figure 15-15: Cities entity
Figure 15-16: Countries entity
Figure 15-17: Used with CloudKit option
Figure 15-18: Working with CloudKit
Figure 15-19: Back references
Figure 15-20: Buttons in the main menu
Figure 15-21: Database panel
Figure 15-22: Database schema
Figure 15-23: Record types
Figure 15-24: Record's indexes
Figure 15-25: Index configuration
Figure 15-26: Interface to work with assets
Figure 15-27: Tokens
CHAPTER 16 - FRAMEWORK INTEGRATION
Figure 16-1: UIKit view in a SwiftUI interface
Figure 16-2: UITextView view in a SwiftUI interface
Figure 16-3: UIKit view controller in a SwiftUI interface
CHAPTER 17 - WEB
Figure 17-1: Link
Figure 17-2: Custom URLs
Figure 17-3: Safari browser
Figure 17-4: Custom Safari view controller
Figure 17-5: Buttons for navigation
CHAPTER 18 - MEDIA
Figure 18-1: Photo Library’s interface (center)
Figure 18-2: Multiple selection
Figure 18-3: Interface to work with the camera
Figure 18-4: Share sheet
Figure 18-5: System to capture media
Figure 18-6: Interface for a custom camera
Figure 18-7: Standard video player
Figure 18-8: Overlay views
Figure 18-9: System to play media
Figure 18-10: Controls for a custom video player
Figure 18-11: Color picker
CHAPTER 19 - MULTIPLATFORM APPLICATIONS
Figure 19-1: Supported platforms
Figure 19-2: Mac destinations
Figure 19-3: My Mac option
Figure 19-4: Mac images
Figure 19-5: Mac application
Figure 19-6: Platform selection
Figure 19-7: Multiplatform interface on a Mac
Figure 19-8: Standard menu
Figure 19-9: Custom menu
Figure 19-10: Custom option added to a standard menu
Figure 19-11: Standard option removed
Figure 19-12: Submenu
Figure 19-13: Option to import an image from iPhones or iPads
Figure 19-14: Option disabled
Figure 19-15: Mac toolbar
Figure 19-16: Tooltip
Figure 19-17: Highlighted rows and collapsable sections
Figure 19-18: Option to open an auxiliary window
Figure 19-19: Auxiliary window
Figure 19-20: Settings Scene
Figure 19-21: Control with a menu
Figure 19-22: Control with a view
Figure 19-23: Option to create a new window
Figure 19-24: Scene with custom values
CHAPTER 20 - APP STORE
Figure 20-1: Web page to manage certificates, provisioning profiles, and identifiers
Figure 20-2: AppIcon set with the icons for iPhones and iPads
Figure 20-3: Launch Screen options
Figure 20-4: Launch Screen configuration
Figure 20-5: Launch screen for our app
Figure 20-6: App Store Connect menu
Figure 20-7: Menu to add apps to our account
Figure 20-8: Bundle ID and SKU identifier
Figure 20-9: Archive option
Figure 20-10: List of archives created for our app
Figure 20-11: Options to configure the archive
Figure 20-12: Option to select automatic signing
Figure 20-13: Selecting the build to send to the App Store