Graphics and Animations with SwiftUI Quick Guide

HOME BOOKS QUICK GUIDES VIDEO COURSES

NEWSLETTER CONTACT

Graphics and Animations with SwiftUI

Swift 5.6 | iOS 15

With this guide, you will learn how to create graphics and animations using the SwiftUI framework. After reading this guide, you will know how to create and combine primitives and drawing paths, how to draw images and graphics on a canvas, and how to animate SwiftUI views and create transitions.

Only $ 2.99

Description

Quick Guides for Masterminds are excerpts from our best-selling books SwiftUI for Masterminds, UIKit for Masterminds, and HTML5 for Masterminds, providing a cost-effective alternative to getting the information you need.

With this guide, you will learn how to create graphics and animations using the SwiftUI framework. After reading this guide, you will know how to create and combine primitives and drawing paths, how to draw images and graphics on a canvas, and how to animate SwiftUI views and create transitions.

Table of Contents

GRAPHICS AND ANIMATIONS

Shapes

Common Shapes

Gradients

Images

Paths

Path View

Custom Shapes

Transformations

Canvas

Animations

Animating Custom Shapes

Canvas Animations

Transitions

Examples

Download TXT Files - Download Projects

Listing 1: Drawing standard shapes

Listing 2: Filling a shape with a color

Listing 3: Defining a border

Listing 4: Defining a custom border

Listing 5: Combining shapes with other views

Listing 6: Combining shapes with other views

Listing 7: Defining a linear gradient

Listing 8: Defining a linear gradient with custom stops

Listing 9: Defining a circular gradient

Listing 10: Defining a conic gradient

Listing 11: Filling a shape with an image

Listing 12: Defining a custom path

Listing 13: Combining lines and arcs

Listing 14: Combining lines and ellipses

Listing 15: Creating complex curves

Listing 16: Adapting the size of the path to the size of the container

Listing 17: Creating a custom shape view

Listing 18: Implementing custom shape views

Listing 19: Displacing an image

Listing 20: Rotating the image

Listing 21: Clipping the image

Listing 22: Rotating a shape

Listing 23: Inverting a shape with the scale() modifier

Listing 24: Trimming a path

Listing 25: Drawing an image on the canvas

Listing 26: Drawing an image on the canvas

Listing 27: Drawing shapes and text

Listing 28: Rotating the canvas

Listing 29: Rotating an image

Listing 30: Performing multiple transformations

Listing 31: Preparing images

Listing 32: Clipping the canvas

Listing 33: Working with different configurations

Listing 34: Applying filters to the graphics

Listing 35: Animating a view

Listing 36: Applying a linear animation

Listing 37: Configuring the animation

Listing 38: Defining a custom animation

Listing 39: Animating multiple states at a time

Listing 40: Applying a different animation to each state

Listing 41: Instantiating a view with a value that can be animated

Listing 42: Defining an animatable path

Listing 43: Updating the interface

Listing 44: Animating the canvas

Listing 45: Creating a real animation

Listing 46: Adding and removing a view with a transition

Listing 47: Extending the AnyTransition structure

Listing 48: Defining an asymmetric transition

Listing 49: Combining transitions

Listing 50: Customizing the transition

Listing 51: Coordinating transitions

Listing 52: Coordinating views

Links

Drawing and Graphics
https://developer.apple.com/documentation/swiftui/drawing-and-graphics

Animations
https://developer.apple.com/documentation/swiftui/animations

Shapes
https://developer.apple.com/documentation/swiftui/shapes

Add rich graphics to your SwiftUI app
https://developer.apple.com/videos/play/wwdc2021/10021/

Resources

Download Resources

TABLE OF CONTENTS

Books

For Masterminds books include everything you need to develop professional applications. Create amazing websites and insanely great apps for iPhones, iPads and Mac computers.