Several methods of animation programming for iOS development

Several methods of animation programming for iOS development

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

Here I summed up the five methods, in fact, iOS development animation programming will change here, so as long as the understanding of these animation programming is not difficult.

One: UIView animationGeneral Way

2. [UIView beginanimations: @ "ddd" context:nil];//set animation
4. [UIView commitanimations]; Submit Animation
6. These two are necessary and then add the animated code in the middle of the two sentences
8. [UIView beginanimations:@ "DDD" context:nil];//set animated DDD to animated name
10. [UIView setanimationduration: 3];//defines the duration of the animation
12. [UIView setanimationcurve: uiviewanimationcurveeaseinout]; Setanimationcurve to define animation acceleration or deceleration mode
14. [UIView setanimationtransition: Uiviewanimationtransitioncurldown ForView:self.window Cache:yes];
16. Sets the style of the animation Forview for which view implements this animation effect
18. [UIView Setanimationdelay: 3]; Set how long animation delay is performed
20. [UIView setanimationdelegate: self]; Animating the agent implementation before and after the animation method is set before Commitanimation
22. [UIView setanimationdidstopselector: @selector (stop)];//sets the method to be executed after the animation finishes
24. [UIView setanimationwillstartselector: @selector (Star)];//set the way the animation will start executing
26. [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;//Return to the original appearance 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:uiviewanimationoptionautoreverse | 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

2. Cabasicanimation *animation = [cabasicanimation animationwithkeypath:@ "opacity"];
4. @ "" 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
6. [Animation setfromvalue: [NSNumber numberwithfloat:1.0]]; Set transparency from several beginnings
8. [Animation settovalue: [nsnumber numberwithfloat:0.3]];//set transparency to a few ends
10. [Animation setduration: 0.1]; Set animation time
12. [Animation Setrepeatcount: 100000];//Set repetition time
14. [Animation setrepeatduration: 4]; Will limit the number of repetitions
16. [Animation setautoreverses: no];//set from 1.0 to 0.3 again from 0.3 to 1.0 for once if set to NO then 1.0 to 0.3 for one time
18. [Animation setremovedoncompletion: YES]; Move out animation when finished the default is also
20. [View.layer addanimation:animation forkey:@ "abc"];//performing animations

cakeyframeanimation

2. Cakeyframeanimation *animation = [cakeyframeanimation animationwithkeypath:@ "position"];// Sets the view from the initial position through a series of points
4. Nsarray *postionaraay = [Nsarray arraywithobjects:[nsvalue valuewithcgpoint: Cgpointmake (100, 20)], [Nsvalue Valuewithcgpoint:cgpointmake (max.)],[nsvalue
6. Valuewithcgpoint:cgpointmake (],[nsvalue valuewithcgpoint:cgpointmake)],[nsvalue valueWithCGPoint: Cgpointmake (0, +)],nil];//set point
10. Nsarray *times = [Nsarray arraywithobjects:[nsnumber numberwithfloat:0.3],[nsnumber Numberwithfloat:0.5],[nsnumber Numberwithfloat:0.6],[nsnumber Numberwithfloat:0.1],[nsnumber
12. Numberwithfloat:1.0], nil]; Set the time for the move process
14. [Animation Setkeytimes: times];
16. [Animation setvalues:p ostionaraay];
18. [Animation setduration: 5]; Set animation time
20. [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. }

Several methods of animation programming for iOS development