动画(二)

作者: 土鳖不土 | 来源:发表于2015-11-02 14:20 被阅读698次

这期动画是对基础动画的一个小结。
动画的基本属性请看:iOS动画一

说到总结基础动画再总结下属性吧。
想要的动画的动画属性

typedef enum : NSUInteger {
    Fade = 1,                   //淡入淡出
    Push,                       //推挤
    Reveal,                     //揭开
    MoveIn,                     //覆盖
    Cube,                       //立方体
    SuckEffect,                 //吮吸
    OglFlip,                    //翻转
    RippleEffect,               //波纹
    PageCurl,                   //翻页
    PageUnCurl,                 //反翻页
    CameraIrisHollowOpen,       //开镜头
    CameraIrisHollowClose,      //关镜头
    CurlDown,                   //下翻页
    CurlUp,                     //上翻页
    FlipFromLeft,               //左翻转
    FlipFromRight,              //右翻转
    
} AnimationType;

动画顺序速率的快慢

 kCAMediaTimingFunctionLinear            线性,即匀速
 kCAMediaTimingFunctionEaseIn            先慢后快
 kCAMediaTimingFunctionEaseOut           先快后慢
 kCAMediaTimingFunctionEaseInEaseOut     先慢后快再慢
 kCAMediaTimingFunctionDefault           实际效果是动画中间比较快.

动画执行的方向

 kCATransitionFromLeft
 kCATransitionFromBottom;
 kCATransitionFromRight;
 kCATransitionFromTop;
屏幕快照 2015-11-02 13.34.33.png
#pragma CATransition动画剥离 传入一个1.过度动画类型和2.动画方向,还有要在3.哪个视图上显示。
- (void) transitionWithType:(NSString *) type WithSubtype:(NSString *) subtype ForView : (UIView *) view
{
    //创建CATransition对象
    CATransition *animation = [CATransition animation];
    
    //设置运动时间
    animation.duration = JFDURATION;
    
    //设置运动type
    animation.type = type;
    if (subtype != nil) {
        
        //设置子类
        animation.subtype = subtype;
    }
    
    //设置运动速度
    animation.timingFunction = UIViewAnimationOptionCurveEaseInOut;
    
    [view.layer addAnimation:animation forKey:@"animation"];
}

#pragma UIView实现动画
- (void) animationWithView : (UIView *)view WithAnimationTransition : (UIViewAnimationTransition) transition
{
    [UIView animateWithDuration:JFDURATION animations:^{
        [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
        [UIView setAnimationTransition:transition forView:view cache:YES];
    }];
}
基础动画效果图.gif 2.gif

注本博文是参考一个小青玉伏案 的博友,在此感谢他的总结。


具体实现已经在源码里面解释的很清楚了,不懂的话可以直接评论或者私信。

希望您继续关注我哦。指出不足之处我会很开心。会尽快改正过来的。

动画(2)已经来了,动画(3)还会远吗?


源码地址链接:

点击下载源码

相关文章

  • iOS动画专题·UIView二维形变动画与CAAnimation

    iOS动画专题·UIView二维形变动画与CAAnimation核心动画 iOS动画专题·UIView二维形变动画...

  • 在山西太原,做个二维动画需要哪些制作流程?

    二维动画有哪些类型? flash动画,课件动画,mg动画,ae动画,GIF动画,手绘动画,网页动画,企业动画,宣传...

  • 基础动画与关键帧动画

    UIView基础动画一 UIView基础动画二 关键帧动画

  • android developers系列二(动画)

    android developers系列二(动画) 这里先讲一下动画的类型 帧动画 属性动画 补间动画 下面有详细...

  • 专业上海flash动画制作公司

    专业flash动画制作分为二维动画与三维动画技能,像网页上盛行的flash动画就归于二维动画;最有魅力并运用最广的...

  • iOS - UIView的动画

    一、位置动画 二、透明度、颜色动画 三、缩放动画 CGAffineTransformMakeScale(CGFlo...

  • 动画二

    隔了好多天,因为在忙别的事。。。那我们现在要做什么,上一篇讲到一个滚动大屏图,巨丑。趁着回忆的时间,先添两行代码 ...

  • 动画(二)

    这期动画是对基础动画的一个小结。动画的基本属性请看:iOS动画一 说到总结基础动画再总结下属性吧。想要的动画的动画...

  • 动画(二)

    这个动画我是写不出来,只能勉强看懂(能写出这个东西的人,脑回路是咋样子的),但是还是有很多学习的东西 backgr...

  • iOS 动画(二)

    iOS 动画(一)iOS 动画(二) CAEmitterCell CAGradientLayer CAGradie...

网友评论

  • 你个傻瓜:这个我看过了,在2011年就有人贴出源代码了。不过感谢分享。
    土鳖不土:@你个傻瓜 是的 注本博文是参考一个小青玉伏案 的博友,在此感谢他的总结。我这边就是做一个动画系列的小结。动画会继续更新下去的。

本文标题:动画(二)

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