美文网首页
animaiton各种好玩动画·2

animaiton各种好玩动画·2

作者: seventhboy | 来源:发表于2018-01-09 16:38 被阅读45次

@property (nonatomic) CATransition *transition;//全局变量

  • aa {

pragma 正方体效果向上翻转

CATransition *transtion = [CATransition animation];
[transtion setStartProgress:0.5];
[transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:@"cube"];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];
transtion.delegate = self; //代理

   _transition = [CATransition animation];
    [transtion setStartProgress:0.5];
    [transtion setEndProgress:0.6];
    _transition.duration = 2;
    [_transition setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
    [_transition setType:@"cube"];
 [_transition setDelegate:self];//代理写在前面，写在最后面不会调用代理方法！！
    [_transition setSubtype:kCATransitionFromTop];
    [_imageView.layer addAnimation:_transition forKey:@"transtionKey"];

pragma 从下向上推出

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:kCATransitionPush];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"animationKey"];

pragma 从小向上揭走

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:kCATransitionReveal];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 从下向上覆盖

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:kCATransitionMoveIn];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 一张图片覆盖另一张图片

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]];
                              [transtion setType:kCATransitionFade];
                              [transtion setSubtype:kCATransitionFromTop];
                              [_imageView setImage:[UIImage imageNamed:@"仪表盘2"]];
                              [_imageView.layer addAnimation:transtion forKey:@"animationkey"];

pragma 抽走

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:@"suckEffect"];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 绕x轴翻转

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:@"oglFlip"];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 波纹效果

// CATransition *transtion = [CATransition animation];
// [transtion setStartProgress:0.5];
// [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:@"rippleEffect"];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 开镜头

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:@"cameraIrisHollowOpen"];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 关镜头

CATransition *transtion = [CATransition animation];
//            [transtion setStartProgress:0.5];
//            [transtion setEndProgress:0.6];
transtion.duration = 5;
[transtion setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];
[transtion setType:@"cameraIrisHollowClose"];
[transtion setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:transtion forKey:@"transtionKey"];

pragma 缩放

CABasicAnimation *basic = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
[basic setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]];
[basic setFromValue:[NSNumber numberWithFloat:1]];
[basic setToValue:[NSNumber numberWithFloat:.3]];
[basic setDuration:2];
//[basic setDelegate:self];
[_imageView.layer addAnimation:basic forKey:@"animationKey"];

pragma 透明

CABasicAnimation *basic1 = [CABasicAnimation animationWithKeyPath:@"opacity"];
[basic1 setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]];
[basic1 setFromValue:[NSNumber numberWithFloat:1]];
[basic1 setToValue:[NSNumber numberWithFloat:.3]];
[basic1 setDuration:2];
[_imageView.layer addAnimation:basic1 forKey:@"animationKey"];

pragma 边框效果

CAKeyframeAnimation *keyframe = [CAKeyframeAnimation animationWithKeyPath:@"borderWidth"];
keyframe.values = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0],
                   [NSNumber numberWithFloat:5],
                   [NSNumber numberWithFloat:10],
                   [NSNumber numberWithFloat:15],nil];
keyframe.repeatCount = MAXFLOAT;
keyframe.autoreverses = YES;
keyframe.duration = 2;
[_imageView.layer addAnimation:keyframe forKey:@"animationKey"];

pragma 移动位置

UIBezierPath *path = [UIBezierPath bezierPath];
//[path moveToPoint:image.frame.origin];
[path moveToPoint:CGPointMake(_imageView.frame.origin.x + _imageView.frame.size.width/2, _imageView.frame.origin.y + _imageView.frame.size.height/2)];
[path addLineToPoint:CGPointMake(_imageView.frame.origin.x + _imageView.frame.size.width/2,400)];
[path addLineToPoint:CGPointMake(20, 400)];
CAKeyframeAnimation *keyframe1 = [CAKeyframeAnimation animationWithKeyPath:@"position"];
keyframe1.path = path.CGPath;
keyframe1.duration = 2;
[_imageView.layer addAnimation:keyframe1 forKey:@"animationKey"];

pragma 动画组

CAAnimationGroup *group = [CAAnimationGroup animation];
CABasicAnimation *basic2 = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
[basic2 setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]];
[basic2 setFromValue:[NSNumber numberWithFloat:1]];
[basic2 setToValue:[NSNumber numberWithFloat:.3]];
CAKeyframeAnimation *keyframe2 = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation.x"];
keyframe2.values = [NSArray arrayWithObjects:[NSNumber numberWithFloat:0],[NSNumber numberWithFloat:M_PI], nil];
[group setDuration:2];
[group setAnimations:[NSArray arrayWithObjects:basic2,keyframe2, nil]];
[_imageView.layer addAnimation:group forKey:@"animationKey"];

pragma 自动转圈

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
animation.toValue = @( - M_PI * 2);
animation.duration = 3;
animation.repeatCount = MAXFLOAT;
[_imageView.layer addAnimation:animation forKey:@"rotationZ"];
}

  • sender {
    [UIView beginAnimations:@"animationID" context:nil];
    [UIView setAnimationDuration:4];
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    [UIWindow setAnimationsEnabled:YES];
    // [UIView setAnimationRepeatAutoreverses:YES]; //自动恢复
    [UIView setAnimationDidStopSelector:@selector(fasd)]; //动画结束完成的事件

pragma 4个方向的翻页

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:_imageView cache:YES];//向上翻页

// [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:_imageView cache:YES];//向下翻页
// [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:_imageView cache:YES];//向左翻页
// [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:_imageView cache:YES];//向右翻页
[UIView setAnimationDelegate:self]; //设置代理后，执行-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
[UIView commitAnimations];
}

pragma 代理方法

  • (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
    self.imageView.image = [UIImage imageNamed:@"仪表盘2"];
    }

相关文章

  • animaiton各种好玩动画·2

    @property (nonatomic) CATransition *transition;//全局变量 aa ...

  • animaiton各种好玩动画·3

    第一种，渐变色变化CAGradientLayer *gradient = [CAGradientLayer lay...

  • animaiton各种好玩动画·1

    第一种，撞边框回弹效果{CGMutablePathRef starPath = CGPathCreateMutab...

  • 隐式动画

    1、隐式动画是Core Animaiton的默认行为，当改变图层的动画属性时，能从先前值平滑过渡到新的值，而不是立...

  • I.6 特定图层（下）

    AVPlayerLayer 最后我们将讲解AVPlayerLayer。尽管它不是Core Animaiton框架中...

  • instrument工具

    instrument使用 参考：Core Animaiton工具内存泄漏检测instrument使用 路径：Xco...

  • Angular2 之 Animations

    Angular2的动画系统赋予了制作各种动画效果的能力，致力于构建出与原生CSS动画性能相同的动画。Angular...

  • CALayer层动画详解（一）

    1、UIView和CALayer的区别 2、Core Animation 核心动画的特点以及各种动画类的继承关系 ...

  • Unity动画状态机

    动画状态机： 1、用来管理3D模型要执行的各种动画状态 2、AnimatorController：Assets->...

  • H5动画卡顿的解决思路

    问题 H5 各种连续动画、链式动画动画卡顿，不连续 分析 由于 js 是单线程的，如果同时存在2+个动画执行，就存...

网友评论

      本文标题：animaiton各种好玩动画·2

      本文链接：https://www.haomeiwen.com/subject/dtkgnxtx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|animaiton各种好玩动画·2|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！