Shapes

Start off by going over simple colors and shapes and understand how to add them to your views. Use modifiers to clip views to your chosen shape.

Colors

Learn about Gradients, how to create your own named colors, and what dark mode means for your colors.

Custom Shapes

Explore SwiftUI paths, learn to create simple custom shapes, and the many ways of outlining with a stroke.

Curves & Transforms

Dig deeper into SwiftUI paths and draw a custom heart shape with help from Bezier curves and transforms.

Display Shapes in a Grid

Learn how to group your custom shapes with an Enum, and display them all in a grid.

Create & Select Cells

Create data storage for the mind map cells using an environment object, and draw example cells from the model.

Animate with Timeline View

Learn how to periodically update and animate views with TimelineView.

Add Gestures

Learn how to create gestures to select a mind map cell, drag it, and add a new cell by double-tapping the background.

Create a Custom Control

Create a custom slider with a gradient background, and learn how to send inputs to controls and receive outputs.

Color Picker

Later, you’ll create a sketch pad, so here you’ll create a reusable color picker to allow the selection of different drawing colors.

Custom SF Symbol

SF Symbols are fantastic Apple-designed vector icons. But did you know you can create your own SF Symbols? Open up your vector editor and have a go!

Custom Menu

Learn about rotation and scale effects by creating a circular flyout menu and placing your icons around the edge of a circle.

Install Custom Menu

Install the menu into the app and add custom actions to it. You’ll be able to delete cells and also use your shapes grid to choose the shape of each cell.

Drawing Pad

In this episode, learn how easy it is to create a simple drawing pad using drag gestures and SwiftUI paths.

Install Drawing Pad

To practice installing an existing custom control, install the color picker into the drawing pad and hook it up to the drawing color.

Install Color Picker

To practice installing an existing custom control, install the color picker into the drawing pad and hook it up to the drawing color.

This course is for iOS developers who are familiar with Swift and SwiftUI fundamentals, and would like to create custom user interfaces using SwiftUI.

• SwiftUI shapes & colors
• Custom shapes
• Custom controls using SwiftUI
• Canvas view
• Timeline view