8

Reusable SwiftUI Views in the raywenderlich.com App

 3 years ago
source link: https://www.raywenderlich.com/10877734-reusable-swiftui-views-in-the-raywenderlich-com-app
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Reusable SwiftUI Views in the raywenderlich.com AppGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupShapeGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroupGroup

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

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 5 Ratings

Version

  • Swift 5.2, iOS 13.5, Xcode 11.5
ba64dd02-fc67-49bd-9c3f-a26a9c75bea4.png

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.

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

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

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

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.

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

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

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

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

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

Catie Catterwaul

Catie makes things for, with, and about Apple tech in collaboration with her husband, Jessy! She is inspired by everyone at...

Instructor
Adriana Kutenko

Graphic Illustrator with a Bachelor’s Degree in Fine Arts. I am a perpetual perfection seeker with a big passion for History...

Illustrator

Comments

Average Rating

5/5

Add a rating for this content

Sign in to add a rating
5 ratings

All videos. All books.
One low price.

A raywenderlich.com subscription is the best way to learn and master mobile development — plans start at just $19.99/month!

Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.

illustration-desk-arrangement-80d3c3dbe1072286b711db91b3d1a8f2442903cd5718fe758d02c22ebfaba15c.svg

The largest and most up-to-date collection of courses and books on iOS, Swift, Android, Kotlin, Flutter, Dart, Server-Side Swift, Unity and more!

All videos. All books. One low price.

A raywenderlich.com subscription is the best way to learn and master mobile development — plans start at just $19.99/month!

Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalogue of 50+ books and 4,000+ videos.

  • © 2020 Razeware LLC
  • Made with ♥ from around the world
  • 6000+ Tutorials and counting

raywenderlich.com and our partners use cookies to understand how you use our site and to serve you personalized content and ads. By continuing to use this site, you accept these cookies, our privacy policy and terms of service .


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK