Working with SwiftUI Shapes

In this course, you'll learn how to use SwiftUI Shapes and manipulate them for your app UI.

Shapes are very versatile because you can programmatically change their size, shape, color and animate those values as well!

By the end of this course, you'll have a powerful new tool in your arsenal!

Course curriculum

  • 1

    Introduction

    • Welcome

    • Course Materials

    • Where to Get Help?
  • 2

    Creating Shapes

    • Using the Path Object to Draw Shapes

    • Your Path Canvas

    • Benefits of Shapes
  • 3

    The Trapezium Shape

    • What is a Trapezium?

    • Examples in UI

    • Trapezium - Part 1 - Introduction

    • Trapezium - Part 2 - Masking

    • Trapezium - Part 3 - Animating

    • Trapezium - Part 4 - Customizing

    • Trapezium - Part 5 - Using in UI

    • Creating a Reusable Trapezium

    • The Trapezium Project
  • 4

    The Curved-Side Rectangle

    • Examples in UI

    • Shape Path Plan

    • About Quad Curves

    • Keeping the Shape Within the Frame

    • SwiftUI Shapes Live: 2 - Creating a Curve-Sided Rectangle to Enhance UI

    • The Curved-Side Rectangle Project
  • 5

    The Wave Shape

    • Examples in UI

    • The Shape Path Plan

    • Customizing the Wave

    • The New Offset Plan

    • SwiftUI Shapes Live: 3 - The Wave

    • The Wave Project
  • 6

    The Triangular Shape

    • Examples in UI

    • The Triangle Shape - Starting Project

    • The Shape Path Plan

    • Customizing the Triangle with an X Offset

    • SwiftUI Shapes Live: 4 - The Triangle Shape

    • The Triangle Shape Completed