iOS animation programming

There are five types of animations in iOS: Uiview<block>,caanimation<cabasicanimation,catransition,cakeyframeanimation> Nstimer

One: UIView animation General Way

1. [uiview beginanimations:@ "ddd" context:nil];//set animation
2. [uiview commitanimations];//Commit animation
3. These two are required, and then add the animated code in the middle of the two sentences
4. [UIView beginanimations:@ "DDD" context:nil];//set animated DDD to animated name
5. [ uiview setanimationduration:3];//Define animation duration
6. [Uiview setanimationcurve: Uiviewanimationcurveeaseinout]; Setanimationcurve to define the animation acceleration or deceleration mode
7. [Uiview setanimationtransition:uiviewanimationtransitioncurldown ForView:self.window Cache:yes];
8. //Animate the style forview for which view implements this animation effect
9. [uiview setanimationdelay:3];//Set animation delay for how long to execute
10. [uiview setanimationdelegate:self];//animate the agent implementation before and after the animation method before commitanimation settings
11. [Uiview setanimationdidstopselector: @selector (stop)];//sets the method to be executed after the animation ends
12. [Uiview setanimationwillstartselector: @selector (Star)];//set the way the animation will begin executing
13. [UIView commitanimations];//Submit Animation

• typedef enum {
• Uiviewanimationtransitionnone,//Normal status
• Uiviewanimationtransitionflipfromleft,//flip from left to right
• Uiviewanimationtransitionflipfromright,//flip from right to left
• Uiviewanimationtransitioncurlup,//PAGE UP
• Uiviewanimationtransitioncurldown,//Page Down
• } uiviewanimationtransition;

• typedef enum {
• Uiviewanimationcurveeaseinout,
• Uiviewanimationcurveeasein,
• Uiviewanimationcurveeaseout,
• Uiviewanimationcurvelinear
• } Uiviewanimationcurve;

4. [UIView beginanimations:@ "ddd" context:nil]; Set animation
6. View.frame = CGRectMake (200, 200, 100, 100);
8. [UIView commitanimations]; Submit Animation
10. When the view moves from the original frame to the new frame, it slowly fades instead of just finishing the middle and adding it to the middle of the paragraph.
12. The following can also be added to [UIView beginanimations:@ "ddd" context:nil]; [UIView commitanimations];
14. View.transform = Cgaffinetransformmaketranslation (10, 10);//Set offset only once with respect to the original
16. View.transform = Cgaffinetransformtranslate (View.transform, 10, 10); Set offset offset multiple times
18. Self.view.transform = Cgaffinetransformmakerotation (M_PI);//Set rotation can only be rotated once
20. Self.view.transform = Cgaffinetransformrotate (Self.view.transform, M_PI); Rotate multiple times
22. Self.view.transform = Cgaffinetransformmakescale (1.1, 1.1); Setting the size can only change once the value is several times the original
24. Self.view.transform = Cgaffinetransformscale (Self.view.transform, 1.1, 1.1);//Change multiple times
26. Self.view.transform = cgaffinetransformidentity;//back to the original to execute once
28. Self.view.transform = Cgaffinetransforminvert (self.view.transform);//get opposite look size direction position executed multiple times

Here I implemented a custom animation method, easy to use, only need to call to achieve a good function.

Implementation of the method

-(void) Uiviewanimation: (uiview*) View frame: (CGRect) frame type: (int) type alpha: (float) Alpha Duration: (float) Duration

{

The corresponding parameter is implemented in the method, the call only need to input the parameters required in the method can be very good call this method, and realize the desired function!

[UIView Beginanimations:nil Context:nil];

[UIView setanimationduration:duration];

[UIView Setanimationcurve:type];

[UIView setanimationdelegate:self];

View.alpha=alpha;

View.frame=frame;

[UIView commitanimations];

}

Calling methods

[Self Uiviewanimation:downview frame:cgrectmake (0, height, +,] type:uiviewanimationcurveeaseout alpha:1 duration : 0.3];

Block mode

1. [UIView Animatewithduration:3 animations:^ (void) {
3. This is the equivalent of between Begin and Commint.
4. }completion:^ (BOOL finished) {
5. This is equivalent to the way the animation executes after execution, and you can continue nesting the block
6. }];

Advanced Block Animation (Next) inline

-(void) changeuiview{[UIView animatewithduration:2 delay:0 options:uiviewanimationoptioncurveeaseout animations:^ (void)      　　{moveview.alpha = 0.0; }completion:^ (BOOL finished) {[UIView animatewithduration:1 delay:1.0 Options:uiviewanimationoptionautore Verse |                　　　　Uiviewanimationoptionrepeat animations:^ (void) {[UIView setanimationrepeatcount:2.5];              　　Moveview.alpha = 1.0;           }completion:^ (BOOL finished) {}];  }]; }

Two:. Caanimation

Need to add libraries, and include header files

How many sub-categories are caanimation

Cabasicanimation

1. Cabasicanimation *animation = [cabasicanimation animationwithkeypath:@ "opacity"];
2. @ "" In a variety of strings, you can find relevant information, be sure to fill in the right, the animation will do opacity set transparency bounds.size set size
3. [Animation Setfromvalue:[nsnumber numberwithfloat:1.0]; Set transparency from several beginnings
4. [Animation Settovalue:[nsnumber numberwithfloat:0.3]];//set Transparency to a few ends
5. [Animation setduration:0.1]; Set animation time
6. [Animation setrepeatcount:100000];//Set Repetition time
7. [Animation Setrepeatduration:4]; Will limit the number of repetitions
8. [Animation setautoreverses:no];//set whether from 1.0 to 0.3 again from 0.3 to 1.0 for one time if set to NO then 1.0 to 0.3 for one time
9. [Animation Setremovedoncompletion:yes]; Move out animation when finished the default is also
10. [View.layer addanimation:animation forkey:@ "abc"];//performing animations

Cakeyframeanimation

1. Cakeyframeanimation *animation = [cakeyframeanimation animationwithkeypath:@ "position"];//set view from initial position through a series of points
2. Nsarray *postionaraay = [Nsarray arraywithobjects:[nsvaluevaluewithcgpoint:cgpointmake (+)], [NSValue Valuewithcgpoint:cgpointmake (],[nsvalue)
3. Valuewithcgpoint:cgpointmake (],[nsvalue valuewithcgpoint:cgpointmake)],[nsvalue valueWithCGPoint: Cgpointmake (0, +)],nil];//set point
5. Nsarray *times = [Nsarray arraywithobjects:[nsnumber numberwithfloat:0.3],[nsnumber NumberWithFloat:0.5],[NSNumber Numberwithfloat:0.6],[nsnumber Numberwithfloat:0.1],[nsnumber
6. Numberwithfloat:1.0], nil]; Set the time for the move process
7. [Animation Setkeytimes:times];
8. [Animation Setvalues:postionaraay];
9. [Animation Setduration:5]; Set animation time
10. [Bigimage.layer addanimation:animation forkey:@ "DD"]; Performing animations

Catransition

1. Catransition *animation = [catransition animation];
2. Animation.duration = 0.5f;
3. Animation.timingfunction = Uiviewanimationcurveeaseinout;
4. Animation.fillmode = Kcafillmodeforwards;

• /*
• Kcatransitionfade;
• Kcatransitionmovein;
• Kcatransitionpush;
• Kcatransitionreveal;
• */
• /*
• Kcatransitionfromright;
• Kcatransitionfromleft;
• Kcatransitionfromtop;
• Kcatransitionfrombottom;
• */

1. Animation.type = Kcatransitionpush;
2. Animation.subtype = Kcatransitionfrombottom;
3. [View.layer addanimation:animation forkey:animation];
4. Type can also be used directly with the string

• /*
• Cube
• Suckeffect Roll Away
• Oglflip Flip
• Rippleeffect Water Waves
• Pagecurl page
• Pageuncurl
• Camerairishollowopen
• Camerairishollowclose
• */

Three: Nstimer

This is a timer to manipulate the animation method, he can combine the above method to achieve the diversification of animation!

2. -(void) OnTimer {
4. Imageview.center = Cgpointmake (imageview.center.x + delta.x,
6. Imageview.center.y + delta.y);
8. if (imageview.center.x > Self.view.bounds.size.width-ballradius | |
10. Imageview.center.x < Ballradius)
12. delta.x =-delta.x;
14. if (Imageview.center.y > Self.view.bounds.size.height-ballradius | |
16. Imageview.center.y < Ballradius)
18. DELTA.Y =-DELTA.Y;
20. }
22. -(void) Viewdidload {
24. Ballradius = IMAGEVIEW.BOUNDS.SIZE.WIDTH/2;
26. [Slider Setshowvalue:yes];
28. Delta = cgpointmake (12.0,4.0);
30. Timer = [Nstimer scheduledTimerWithTimeInterval:slider.value
32. Target:self
34. Selector: @selector (OnTimer)
36. Userinfo:nil
38. Repeats:yes];
40. [Super Viewdidload];
42. }
44. -(Ibaction) slidermoved: (ID) Sender {
46. [Timer invalidate];
48. Timer = [Nstimer scheduledTimerWithTimeInterval:slider.value
50. Target:self
52. Selector: @selector (OnTimer)
54. Userinfo:nil
56. Repeats:yes];
58. //
    1. Timer = [Nstimer scheduledtimerwithtimeinterval:?
    2. Invocation:?
    3. Repeats:yes];
60. }

iOS Animation programming