Swift Animation Programming Guide-01 Introduction

Hello everyone, I am the old town, this period of time at home and work happened a lot of things, so for a long time have not come out to engage in any little gestures. Over the next period of time I will make a few columns about the use of swift animation programming video, Hope and everyone's appetite.

In the world of iOS, many applications have similar colors and similar typography. Even if Apple's UI design and user experience are quite good, it will inevitably create aesthetic fatigue. In order to seek differentiation, novel animation design is a good breakthrough.

　　

In this series of videos, we study together the following:

1. I'll start with a couple of great animated show shows.
2. And then we'll talk about some of the properties that animation involves.
3. Think about how the animation is formed
4. Introducing Animation Curves

After introducing the basic principle, we will learn the animation programming from three aspects combining with the actual code.

1. Native Uikit and Core Animation
2. Third party animation frame jnsspringanimaction
3. Facebook Pop

There are three animated show in the video

The first one is Facebook Paper

All of Facebook's transitions use 2d or 3d animations. In the example graph, we can see that the elastic animation of the perfection is bright. Especially in the middle, the picture was enchanted, survived from the picture, and opened like an origami.

And these great animations are made with the open source framework of Facebook pop. We will explain the framework in detail later.

The second one is an Apple Watch.

In Apple Watches, UI interaction is designed to be fluid, without vainly disobey. As you can see, unlike the iphone and ipad, the screen in the watch is very small, so there is no common tabbar [tæb],navigation navigation. So the transition animation design is more important, not only for the visual effects, but also to afford the navigation function.

The third one is a menu effect

Like an Apple Watch, the animation in this example can play a role in the visual interpretation of the overall structure. The beginning of the animation is a very simple center-aligned text menu. When we click on the menu, the folder icon at the bottom will release the data. When returned, the data is stored in the folder, the last folder closed animation is the finishing touch of the pen.

Finally, you are welcome to join the Penguin Group-We all Love Swift (398888638) to communicate together

Swift Animation Programming Guide-01 Introduction