Science & Technology

Tutorial iOS Animation | raywenderlich.com

Before you start

This section describes some things you need to know before you start. For example, the required hardware and software, the location of the project files for this book, and so on.

Section I: Animation using Swift UI

SwiftUI is Apple’s latest cross-platform declarative UI framework. SwiftUI supports all Apple platforms, so as a great bonus, everything you’ve learned in this section can be applied to any of the tvOS, macOS, iPadOS, and watchOS apps.

In this section, you’ll work with a few different animations, including some beautiful thumbnail zoom transitions and a modern-looking Swift UI spinner.

In this chapter, you’ll learn the very basics of SwiftUI animations and quickly move on to more complex and visually interesting animations in your actual project.


Continue learning about the various view properties that you can easily animate using the Swift UI. In addition, you will learn about view transitions and gesture-driven interactive animations.


Section II: Displaying animation

This section introduces UIKit’s animation API. Although easy to use, the UIKit Animation API provides a lot of flexibility and power to handle most, if not all, of your animation requirements.

Animations are visible on-screen effects that apply to all views in the user interface or to the objects that are displayed.You can animate Any An on-screen object that ultimately inherits from UIView. This includes UILabel, UIImageView, UIButton, and custom classes you create.

Learn how to move, scale, and fade views. Create various animations to familiarize yourself with Swift and the basic UIKit API.


Build on the concept of linear animation and use spring-driven animation to create more eye-catching effects. Boying!


Learn about some UIKit class methods that help you animate your views on and off the screen. You can easily achieve transition effects with these one-line API calls.


In this chapter, we’ll show you how to combine the techniques you’ve already learned in a creative way to create even cooler animations.


Unleash the ultimate in impressive UI with keyframe animations. It’s about creating elaborate animation sequences built from several different stages.


Section III: Automatic layout

To play an animation well with auto-layout, you need to understand the auto-layout paradigm a little better than the average iOS developer. Fortunately, manipulating automatic layout constraints in your code isn’t as difficult as you might think at first. In fact, running a few examples makes the process pretty straightforward.

By the end of this section, you’ll be able to master the automatic layout and understand how to bend it to your liking to create truly amazing animations.

This is a short-term intensive course of automatic layout if you are not familiar with it yet. You will need this in the next chapter.


When you’ve completed your project in Chapter 8, add some animations to it to take advantage of your new knowledge.


Section IV: Layer Animation

In this section of the book, you’ll learn how to animate layers instead of views and how to use special layers. Layers are a simple model class that exposes some properties to represent image-based content. All UIViews are supported by layers, so you can think of layers as lower-level behind-the-scenes classes behind your content.

By the end of this section, you will know how and when! — When it is appropriate to animate the view and use layers.

We’ll start with the simplest layer animations, but we’ll also learn about debugging failed animations.


Here you have more control over the currently running animation and use delegate methods to react to animation events.


In this chapter, we will combine some simple animations and run them together as a group.


In this chapter, you will learn how to use `CASpringAnimation` to create powerful and flexible spring layer animations.


Here you will learn about layer keyframe animation. This is slightly different from the view keyframe animation and is powerful. There are some special things to do with animating struct properties, but you’ll also learn about them.


Draw a shape on the screen via CAShapeLayer and animate its special path properties.


Learn how to draw and animate gradients using CAGradientLayer.


Here you will interactively draw shapes and manipulate some powerful features of keyframe animation.


Learn about the lesser-known but powerful CAReplicatorLayer class.


Section V: View Controller Transition Animation

It’s time to learn how to use UIKit and automatic layout animation techniques in the broader context of app navigation and layout. You’ve already animated multiple views and layers, but now it’s time to get the big picture and consider animating the entire view controller.

Implementing a custom view controller transition requires some coding, but it’s a lot of fun to see and use the results. Whatever API you use, custom transitions are an important animation technique that makes your app stand out.

Learn how to display a view controller via a custom animation transition.


Based on the skill of presenting the view controller, we will develop a very good rebirth transition for the navigation controller app.


Learn how to make Liber transitions interactive. Users will be able to scrub animated transitions back and forth.


Section VI: Animation with UIViewPropertyAnimator

UIViewPropertyAnimator is a class that helps developers create interactive and interruptible view animations.

You can do everything you’ve learned in this book by using a combination of layer and view animations, but UIViewPropertyAnimator conveniently wraps many APIs in the same class, so it’s a bit It will be easier to use.

After running this section, you will be able to use UIViewPropertyAnimator for all kinds of animations in your app.

Learn how to create basic view and keyframe animations. Consider using custom timing that goes beyond the built-in easing curve.


In this chapter you will learn how to use animators with automatic layout. In addition, you’ll learn how to flip animations and create additional animations to make smooth changes along the way.


Learn how to drive animations interactively based on user input. To make it even more fun, we’ll look at both basic and keyframe animation interactivity.


Use UIViewPropertyAnimator to create a custom view controller transition to drive the transition animation. Create both static and interactive transitions.


Section VII: 3D Animation

Core Animation helps you free yourself from the two-dimensional world of your app’s UI. Although not a true 3D framework, Core Animation has many smart features that help you place 2D objects in 3D space.

In the next two chapters, you’ll learn how to set layers in 3D space, choose the distance from the camera to the layers, and create animations in your 3D scene.

Learn how to set layers in 3D space, choose the distance from the camera to the layer, and create animations in your 3D scene.


Further move into 3D space and learn some of the more advanced ways to create 3D animations.


Tutorial iOS Animation | raywenderlich.com

https://www.raywenderlich.com/books/ios-animations-by-tutorials Tutorial iOS Animation | raywenderlich.com

Back to top button