This course is available as part of the raywenderlich.com Professional subscription. To learn more click here
Pro

Reusable SwiftUI Views in the raywenderlich.com App

Nov 24 2020 · Video Course (36 mins) · Advanced

Build two of the custom SwiftUI views used throughout the raywenderlich.com app. Get a glimpse into how we used SFSymbols, managed colors, and made the most of live previews.

5/5 3 Ratings

Version

  • Swift 5.2, iOS 13.5, Xcode 11.5

Enum-Driven Button Styling

Take a look at the wireframes for the app and find an element that is reused throughout. Identify consistent styling elements and customization points.

1

Build a custom, styled SwiftUI button based on our list of consistent vs. customized design elements. Take a look at your work with Previews.

2

Add colors to the project based on design specifications and define style options for the button with an enum.

3

Learn how to add and style SFSymbols in the project, and try out using geometry readers and view preferences.

4

Build a Multi-State Download Icon View

Build a basic view to establish the states and size of the download status view. Set up previews to track your work.

5

Build up views that don't change for three states of download status. Use images and SFSymbols in SwiftUI.

6

Try out a few new view modifiers to create a custom circular progress view that varies based on current download progress.

7

Try out animation in SwiftUI! Layer three animations together to create a complex, animating version of the progress view.

8

Take a look at how and where the views you built are used in the raywenderlich.com app, and explore a few more views.

9

Who is this for?

Intermediate to Advanced iOS developers with some experience using SwiftUI, or anyone interested in learning about the development of the raywenderlich.com app!

Covered concepts

  • SwiftUI
  • Color Management
  • SFSymbols
  • Geometry Reader
  • View Preferences
  • Live Previews
  • SwiftUI Animation
  • raywenderlich.com App

Contributors

Comments