您的位置:首页 > 产品设计 > UI/UE

iOS UIView动画效果

2015-10-23 12:00 441 查看
1.普通动画:

[UIView beginAnimations:nil context:nil];

[UIView setAnimationDuration:2];

frame.origin.x += 150;

[img setFrame:frame];

[UIView commitAnimations];

2.连续动画(一系列图像):

NSArray *myImages = [NSArray arrayWithObjects:

[UIImage imageNamed:@"myImage1.png"],

[UIImage imageNamed:@"myImage2.png"],

[UIImage imageNamed:@"myImage3.png"],

[UIImage imageNamed:@"myImage4.png"], nil];

UIImageView *myAnimatedView = [[UIImageView alloc] initWithFrame:[self bounds]];

myAnimatedView.animationImages = myImage;

myAnimatedView.animationRepeatCount = 0;

[myAnimatedView startAnimating];

[self addSubview:myAnimatedView];

[my AnimatedView release];

3.CATransition Public API:

CATransition *animation = [CATransition animation];

animation.duration = 0.5f;

animation.timingFunction = UIViewAnimationCurveEaseInOut;

animation.fillMide = KCAFillModeForwards;

//各种动画效果

/*

KCATransitionFade;

KCATransitionMoveIn;

KCATransitionPush;

KCATransitionReveal;

*/

/*

KCATransitionFromeRight;

KCATransitionFromLeft;

KCATransitionFormTop;

kCATransitionFromButtons;

*/

//各种组合

animation.type = KCATransitionPush;

animation.subtype = KCATransitionFromRight;

[self.view.layer addAnimation:animation forKey:@"animation"];

4.UIView Animations动画:

[UIView beginAnimations:@"animationID" context:nil];

[UIView setAnimationDuration:0.5f]
4000
;

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

[UIView setAnimationRepeatAutoreverses:NO];

//以下四种效果

/*

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFormLeft forView:self.view cache:YES];

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFormRight forView:self.view cache:YES];

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];

[UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];

*/

5.嵌套使用,先变大再消失

[UIView animateWithDuration:1.25 aniamtions:^{

        CGAffineTransform newTRansform = CGAffineTransformMakeScale(1.2, 1.2);

        [firstImageView setTransform:newTransform];

        [secondImageView setTransform:newTransform];

        completion:^(BOOL finished){

                [UIView animateWithDuration:1.2 animations:^{

                        [firstImageView setAlpha:0];

                        [secondImageView setAlpha:0];

                }

                completion:^(BOOL finished){

                        [firstImageView removeFromSuperview];

                        [secondImageView removeFromSuperview];

                }

                ];

        }

];

----------------------------------

All animation name of LayerKit in iPhone:

oglFlip // flip in Stocks

pageCurl // page animation in Notes

pageUnCurl // reverse of pageCurl

suckEffect      // delete animation in Notes

spewEffect // reverse of suckEffect

genieEffect // minimize effect like in MacOSX

unGenieEffect // reverse of genieEffect

twist           // flip the page in twist style

tubey      // flip the page in tube style

swirl           // swirl effect

rippleEffect // ripple effect

cameraIris       // take photo effect in Camera

cameraIrisHollow // 

cameraIrisHollowOpen // apeature open effect

cameraIrisHollowClose // apeature close effect

charminUltra // wash out and then return to normal

reflection        //

zoomyIn // zoomin, fade in transition

zoomyOut // zoom out, fade in transition

oglApplicationSuspend //quit program zoom out effect

mapCurl // Maps page flip up effect

mapUnCurl // maps page flip down effect

Note that except oglFlip, other transition effect not work under simulator, and simple fade in/out will be used instead. But it actually works on the real device.

声明:OSCHINA 博客文章版权属于作者 转载于ios开发者社区
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息