iOS Animation learning Routines (ii)

You're enough with both of them!

Description: Some of the following concepts I said is not very detailed, online is too much, said I think it is not very meaningful! But the link to everyone, you can go to see, focus on combing learning to write animation of a process and some good blog!

(a) to talk about these two tripartite libraries, Canvas and POP

Here is a detailed explanation of their pros and cons, we are not a waste of paste replication time, the link below!

What are the advantages and disadvantages of the iOS animation library pop and canvas?

Let's talk about the basic situation of these two libraries and then say their use!

Canvas-IOS Animation library: Install just look at git on the line, the front of the can be to git link, is the installation instructions:     

by the way, this cocopods question, the other day I remember where I saw it did an important upgrade, I also used the Canvas when it was updated, the results. Gg. You after the terminal output pod install it will show Pod:command not found by the way to the solution to the link also to everyone, can help a small partner also played a role! Haha

-bash:pod:command not found workaround with Cocoapod after upgrade 10.11

another point, the above Terminal command seems to have a problem, I put my own paste to everyone! Upgrade the Cocoapods's partner with the above Terminal command no problem, you say in the following message, I correct, can not mislead the partners. This is the terminal command of my pod pop and Canvas;

Target: ' Animated learning Notes ' do

Platform:ios, ' 7.0 '

Pod ' Canvas ', ' ~>0.1.2 '

Pod ' pop ', ' ~> 1.0 '

End

& nbsp   pop-iOS animation engine   That's the point!  

Pop is a extensible animation engine for IOS and OS x. In addition-to-basic static animations, it supports spring and decay dynamic animations, making it useful for building REA Listic, physics-based interactions. The API allows quick integration with existing objective-c codebases and enables the animation of any property on any Obje Ct. It's a mature and well-tested framework that drives all the animations and transitions in Paper.
above is the official introduction of pop. The big lid says that pop is an extensible animation engine that provides basic static animations as well as support for spring and falloff animations, which are used to build an interactive experience of high availability of real, physical features, using OC as the basis for the user to extend the properties of any OC object, is a very easy-to-test framework and is applied on Facebook's own paper.

Highly Recommended! Go to its Git website to see, you can be a go to the three-party library of the GIT website to see the habit, whether it is installed or basic use, the official website is actually introduced by the

(b) Tell me how they use it.

1. The simplest example of Canvas, the animation from below to the top, is just a few lines of code;

click Method-(void) buttonclick3{Imagev = [[Uiimageview alloc]init];    Imagev.frame = CGRectMake (0, 0, 100, 100);        Imagev.image = [UIImage imagenamed:@ "Cao"]; Csanimationview * Animionview = [[Csanimationview alloc]initwithframe:cgrectmake (self.view.bounds.size.width-100)/    2, 200, 100, 100)];    Animionview.backgroundcolor = [Uicolor Whitecolor];    Animionview.duration = 0.5;    Animionview.delay = 0;     Animionview.type = csanimationtypebounceup;//from bottom to top/** can try all kinds of type here!! * Csanimationtypepop, Csanimationtypemorph, Csanimationtypeflash, Csanimationtypeshake, CSAnimatio Ntypefadeout, Csanimationtypefadeinleft, Csanimationtypefadeinright, Csanimationtypefadeindown, CSAnimat Iontypefadeinup, Csanimationtypeslideleft, Csanimationtypeslideright, Csanimationtypeslidedown, CSAnimat   Iontypeslideup, Csanimationtypezoomin, Csanimationtypezoomout, Csanimationtypeslidedownreverse,  Csanimationtypebounceleft, Csanimationtypebounceright, Csanimationtypebouncedown, CSAnimationTypeBounceUp, Csanimationtypefadein, Csanimationtypefadeinsemi, Csanimationtypefadeoutsemi, Csanimationtypefadeoutrigh T, Csanimationtypefadeoutleft, Csanimationtypepopdown, Csanimationtypepopalpha, Csanimationtypepopal    PHAUP, Csanimationtypepopalphaout */[Self.view Addsubview:animionview];        Add your subviews into Animationview//adding your own view to the animation [Animionview Addsubview:imagev]; /** * Start animation */[Animionview startcanvasanimation];}

bricks have been lost to everyone to lose a jade : Canvas-efficient IOS animation library Look at this study is almost enough!

2. Look at the pop thing! A move from 1 to 2;

Click Event-(void) popclick{Imagev = [[Uiimageview alloc]init];    Imagev.frame = CGRectMake (100, 100, 50, 50);    Imagev.image = [UIImage imagenamed:@ "Cao"];    [Self.view Addsubview:imagev]; Popbasicanimation *anim = [popbasicanimation animationwithpropertynamed:kpopviewscaley];//anim.timingFunction = [camediatimingfunction functionwithname:kcamediatimingfunctioneaseineaseout];//anim.fromValue = @ (0.0);//Anim.toV        Alue = @ (1.0);//[Imagev pop_addanimation:anim forkey:@ "Fade"]; Popspringanimation * animion = [popspringanimation animationwithpropertynamed:kpoplayerpositionx];//animion.sp     Ringspeed = 10;//Animion.tovalue = @ (imagev.bounds.origin.x + +);//animion.springbounciness = 10.0f;//        [Imagev pop_addanimation:animion forkey:@ "Kill"];        Popdecayanimation * Andecay = [popdecayanimation Animationwithpropertynamed:kpoplayerpositionx];    Andecay.velocity = @ (imagev.bounds.origin.x + 300); Andecay.begintime = Cacurrentmediatime () + 1.0f;    [Imagev Pop_addanimation:andecay forkey:@ "position"]; }

I learned to read a few blog: The following several look at the pop is enough!

Pop Experience (i-V)Facebook Pop Usage GuideFacebook POP Advanced Guide

iOS dynamic validity-using pop animations for card switching animations

iOS Animation learning Routines (ii)