HOME BOOKS QUICK GUIDES VIDEO COURSES APPLICATIONS
NEWSLETTER CONTACT
SwiftUI for Masterminds
How to take advantage of SwiftUI to create insanely great apps for iPhones, iPads, and Macs
4th Edition
October 2023
ISBN: 978-1-7779782-3-5
Buy Now
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
50.7 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: Preview buttons
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: Rounded 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: SF Symbols app
Figure 5-70: SF Symbol
Figure 5-71: A variant of an SF Symbol
Figure 5-72: Multicolor symbol
Figure 5-73: Multicolor symbol with custom colors
Figure 5-74: Variable SF Symbol
Figure 5-75: Label with an SF Symbol
Figure 5-76: Custom modifiers applied to a view
Figure 5-77: Vertical stack
Figure 5-78: Vertical stack aligned to the left with a space of 20 points in between
Figure 5-79: Horizontal stack aligned to the center
Figure 5-80: HStack alignments
Figure 5-81: Views in a ZStack
Figure 5-82: ZStack alignments
Figure 5-83: Custom Z index
Figure 5-84: Modifier applied to the container
Figure 5-85: Nested stacks
Figure 5-86: Flexible space between views
Figure 5-87: Views at the top of the screen
Figure 5-88: Safe areas
Figure 5-89: Views ignoring the safe area
Figure 5-90: Views at the bottom of the screen
Figure 5-91: Views expanding the safe area
Figure 5-92: Priorities by default
Figure 5-93: Custom priorities
Figure 5-94: View with a fixed size
Figure 5-95: Images aligned to the center
Figure 5-96: Alignment guides for the bus
Figure 5-97: Bus aligned with custom values
Figure 5-98: Images aligned by the baselines
Figure 5-99: Views aligned with custom alignment guides
Figure 5-100: Alignments required for the views
Figure 5-101: Views with a custom alignment
Figure 5-102: Modifiers applied to groups of views
Figure 5-103: Grid
Figure 5-104: Multicolumn cell
Figure 5-105: Multiple grids
Figure 5-106: Extract Subview option
Figure 5-107: Swift files
Figure 5-108: Custom layout
Figure 5-109: Custom and Standard layouts
Figure 5-110: States in light and dark appearances
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: Button view
Figure 6-5: Dynamic interface
Figure 6-6: Button disabled
Figure 6-7: Button with template image
Figure 6-8: Buttons with standard styles
Figure 6-9: Destructive button
Figure 6-10: Button of custom size
Figure 6-11: Button with custom styles
Figure 6-12: Text field with a rounded border
Figure 6-13: Focus
Figure 6-14: Multiline text field
Figure 6-15: Secure text field
Figure 6-16: Text editor
Figure 6-17: Switch on and off
Figure 6-18: Switch with a title and subtitle
Figure 6-19: Custom size and label for the switch
Figure 6-20: Toggle button in the on and off state
Figure 6-21: Custom style for the Toggle view
Figure 6-22: Slider for integer values
Figure 6-23: Slider states
Figure 6-24: Progress bar
Figure 6-25: Progress bar at work
Figure 6-26: Activity indicator
Figure 6-27: Stepper
Figure 6-28: Custom stepper
Figure 6-29: Group box
Figure 6-30: Data model
Figure 6-31: Text field initialized with the value in the model
Figure 6-32: Accessing the model through the environment
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: The view fits the available space
Figure 7-7: Two views per page
Figure 7-8: Views defined as scroll targets
Figure 7-9: Information about the active view
Figure 7-10: Visual effect applied to the transition
Figure 7-11: Custom scroll
Figure 7-12: Fixed grid
Figure 7-13: Flexible grid
Figure 7-14: Adaptive grid
Figure 7-15: List of rows created by a List view
Figure 7-16: Plain list
Figure 7-17: Custom list
Figure 7-18: Alternate backgrounds
Figure 7-19: Static and dynamic content
Figure 7-20: Sections with headers
Figure 7-21: Section separators
Figure 7-22: Same height for all the rows
Figure 7-23: Alphabetical sections
Figure 7-24: Automatic delete feature
Figure 7-25: Edit button
Figure 7-26: Move buttons
Figure 7-27: Single selection
Figure 7-28: Selected rows
Figure 7-29: Custom selection
Figure 7-30: Custom swipe action
Figure 7-31: Custom button to remove a row
Figure 7-32: Refresh control
Figure 7-33: Hierarchical list
Figure 7-34: Custom hierarchy
Figure 7-35: Table in iPads and iPhones
Figure 7-36: Static rows
Figure 7-37: Column of Toggle views
Figure 7-38: Hierarchical data
Figure 7-39: Menu picker
Figure 7-40: Wheel and segmented pickers
Figure 7-41: Picker for dates
Figure 7-42: Wheel picker
Figure 7-43: Multiple date picker
Figure 7-44: Simple form
Figure 7-45: Form with a standard design
Figure 7-46: 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: Inspector on the iPhone and iPad
Figure 8-24: Popover on iPad
Figure 8-25: Alert view
Figure 8-26: Alert view with multiple buttons
Figure 8-27: Confirmation dialog
Figure 8-28: TabView with two views
Figure 8-29: Tabs
Figure 8-30: Views in a TabView view
Figure 8-31: More tabs
Figure 8-32: Badge
Figure 8-33: Interface configured by the user
Figure 8-34: Pages
Figure 8-35: iPad app configured with three columns
Figure 8-36: NavigationSplitView view in iPhones in portrait mode
Figure 8-37: Different design for iPhones and iPads
Figure 8-38: Link opens the view in the left column
Figure 8-39: Size classes assigned to mobile devices
Figure 8-40: Different layouts for Compact and Regular size classes
Figure 8-41: Orientations
Figure 8-42: Image of relative size
Figure 8-43: Horizontal and vertical positions
Figure 8-44: View measured by a GeometryReader view
Figure 8-45: Interface updated with preferences
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: Model structure
Figure 10-5: Interface to save and list books stored in a database
Figure 10-6: Interface to add and select authors
Figure 10-7: Order of objects set by the user
Figure 10-8: User search
Figure 10-9: Custom container with pre-loaded data
Figure 10-10: Editing values
Figure 10-11: Sections by author
Figure 10-12: Alphabetical sections
Figure 10-13: Encoded data
Figure 10-14: Enabling iCloud for our app
Figure 10-15: CloudKit service
Figure 10-16: Push Notifications
Figure 10-17: Background Mode
Figure 10-18: CloudKit Dashboard
Figure 10-19: CloudKit Database
Figure 10-20: Database schema
Figure 10-21: List of records
Figure 10-22: Indexes
Figure 10-23: Add Basic Index button
Figure 10-24: Queryable index for the recordName field
Figure 10-25: List of CD_Book records
Figure 10-26: Interface to create files
Figure 10-27: List of files
Figure 10-28: File content
Figure 10-29: File deleted
Figure 10-30: Interface to insert and store a text
Figure 10-31: Content of a text file stored in the bundle
Figure 10-32: Document app
Figure 10-33: Custom Document app
Figure 10-34: Export a document
Figure 10-35: Interface to import a document
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: Overlay
Figure 11-35: Custom scale
Figure 11-36: Different styles per value
Figure 11-37: Multiple mark styles
Figure 11-38: Horizontal line
Figure 11-39: Selection
Figure 11-40: Multiple series of values
Figure 11-41: Bar chart with two series of values
Figure 11-42: Independent bars with custom positions
Figure 11-43: Scrollable chart
Figure 11-44: Custom image
Figure 11-45: Animation by default
Figure 11-46: Animated path
CHAPTER 12 - GESTURES
Figure 12-1: Image responds 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: Feedback for the drag and drop operation
Figure 12-9: Custom content type
Figure 12-10: Drag and drop custom data
CHAPTER 13 - MAP KIT
Figure 13-1: Standard map
Figure 13-2: Hybrid map
Figure 13-3: Points of interest
Figure 13-4: Map showing a specific region of New York City
Figure 13-5: Current latitude and longitude
Figure 13-6: Marker
Figure 13-7: Annotation
Figure 13-8: Graphics over or under the labels
Figure 13-9: Straight lines
Figure 13-10: Places found by the Local Search system
Figure 13-11: Place selected by the user
Figure 13-12: Map controls
Figure 13-13: Custom controls
Figure 13-14: Look Around preview
Figure 13-15: Route
Figure 13-16: Privacy - Location When In Use Usage Description option
Figure 13-17: User's location on the map
Figure 13-18: 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: Notifications in an active application
Figure 14-9: Notifications in two groups
Figure 14-10: Summary option in Settings app
Figure 14-11: Notifications summary in the Lock screen
Figure 14-12: Actions in a notification
Figure 14-13: Notification with a button to open a text field
CHAPTER 15 - ICLOUD
Figure 15-1: Enabling the Key-Value Storage service
Figure 15-2: Interface to test Key-Value storage
Figure 15-3: Multiple values stored in the Key/Value storage
Figure 15-4: iCloud Documents service
Figure 15-5: Interface to edit a document
Figure 15-6: Interface to read and save multiple documents
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: Inline Photos Picker
Figure 18-3: Photos Picker with custom controls
Figure 18-4: Multiple selection
Figure 18-5: Interface to work with the camera
Figure 18-6: Share sheet
Figure 18-7: System to capture media
Figure 18-8: Interface for a custom camera
Figure 18-9: Standard video player
Figure 18-10: Overlay views
Figure 18-11: System to play media
Figure 18-12: Controls for a custom video player
Figure 18-13: 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
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 - INTERNATIONALIZATION
Figure 20-1: String Catalog file
Figure 20-2: String Catalog file added to the project
Figure 20-3: String Catalog file updated
Figure 20-4: Languages
Figure 20-5: Translation to Spanish
Figure 20-6: Schema menu
Figure 20-7: App Language option
Figure 20-8: Previews in multiple languages
Figure 20-9: Export/Import options
Figure 20-10: Localizable texts to be translated
Figure 20-11: Version menu
Figure 20-12: Singular and plural versions
Figure 20-13: The text depends on the value of the property
CHAPTER 21 - APP STORE
Figure 21-1: Web page to manage certificates, provisioning profiles, and identifiers
Figure 21-2: AppIcon set with the icons for iPhones and iPads
Figure 21-3: Launch Screen options
Figure 21-4: Launch Screen configuration
Figure 21-5: Launch screen for our app
Figure 21-6: App Store Connect menu
Figure 21-7: Menu to add apps to our account
Figure 21-8: Bundle ID and SKU identifier
Figure 21-9: Archive option
Figure 21-10: List of archives created for our app
Figure 21-11: Options for validation
Figure 21-12: Options for distribution
Figure 21-13: Selecting the build to send to the App Store
Tools and Resources
Select Country
Paperback
$ 39.95 BUY NOW
Kindle
$ 9.99 BUY NOW
Apple Books
$ 9.99 BUY NOW
Google Books
$ 9.75 BUY NOW
Information
4th Edition
October 2023
ISBN: 978-1-7779782-3-5
More than 800 Codes Explained!
More than 300 Projects!