Graphics and Animations with SwiftUI Quick Guide

HOME BOOKS QUICK GUIDES VIDEO COURSES

NEWSLETTER CONTACT

Graphics and Animations with SwiftUI

Swift 5.7 | iOS 16

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, how to create charts from the user's data, and how to animate SwiftUI views and perform transitions.

Table of Contents

GRAPHICS AND ANIMATIONS

Shapes

Common Shapes

Gradients

Effects

Patterns

Paths

Path View

Custom Shapes

Transformations

Canvas

Charts

Image Renderer

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: Adding a shadow to a view

Listing 12: Filling a shape with an image

Listing 13: Defining a custom path

Listing 14: Combining lines and arcs

Listing 15: Combining lines and ellipses

Listing 16: Creating complex curves

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

Listing 18: Creating a custom shape view

Listing 19: Implementing custom shape views

Listing 20: Displacing an image

Listing 21: Rotating the image

Listing 22: Clipping the image

Listing 23: Rotating a shape

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

Listing 25: Trimming a path

Listing 26: Drawing an image on the canvas

Listing 27: Drawing an image on the canvas

Listing 28: Drawing shapes and text

Listing 29: Rotating the canvas

Listing 30: Rotating an image

Listing 31: Performing multiple transformations

Listing 32: Preparing images

Listing 33: Clipping the canvas

Listing 34: Working with different configurations

Listing 35: Applying filters to the graphics

Listing 36: Providing the data for a chart

Listing 37: Injecting the model into the environment

Listing 38: Visualizing data with a bar chart

Listing 39: Visualizing data with a line chart

Listing 40: Defining a custom scale for the y axis

Listing 41: Drawing a line in the plot area

Listing 42: Assigning different styles based on a category

Listing 43: Representing the values with different types of marks

Listing 44: Representing the values with different types of marks

Listing 45: Visualizing two series of values

Listing 46: Visualizing two series of values with a bar chart

Listing 47: Defining the positions of the bars

Listing 48: Creating an image from a view

Listing 49: Animating a view

Listing 50: Applying a linear animation

Listing 51: Configuring the animation

Listing 52: Defining a custom animation

Listing 53: Animating multiple states at a time

Listing 54: Applying a different animation to each state

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

Listing 56: Defining an animatable path

Listing 57: Updating the interface

Listing 58: Animating the canvas

Listing 59: Creating a real animation

Listing 60: Adding and removing a view with a transition

Listing 61: Extending the AnyTransition structure

Listing 62: Defining an asymmetric transition

Listing 63: Combining transitions

Listing 64: Customizing the transition

Listing 65: Coordinating transitions

Listing 66: 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

Hello Swift Charts
https://developer.apple.com/videos/play/wwdc2022/10136/

Design an effective chart
https://developer.apple.com/videos/play/wwdc2022/110340/

Swift Charts: Raise the bar
https://developer.apple.com/videos/play/wwdc2022/10137/

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.