码迷,mamicode.com
首页 > 其他好文 > 详细

核心动画的接触点滴(四)

时间:2016-05-31 14:16:22      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:核心动画   组动画   转场动画   catransition   caanimationgroup   

一、转场动画接受

        CAAnimation的子类,用于做转场特效,可以为层做移入或移除屏幕的动画效果。比如像UINavigationController就是使用的转场动画进行页面的推出和进入的。

        包含属性:

        type:动画的过渡类型(以何种方式进行执行转场动画)

        subtype:过渡方向

        startProgress:起始点(在整体动画的百分比)

        endProgress:终结点(在整体动画的百分比)


二、代码示例

{

        //创建转场动画实例

        CATransition *CTAnima = [CATransition animation];

        //设置过渡类型

        CTAnima.type = @"cude";

        //设置过渡方向

        CTAnima.subtype = kCATransitionFromLeft;    //从左边开始执行转场动画

        //动画执行时间

        CTAnima.duration = 1.0f;

        //当然还可以设置起止点

        CTAnima.startProgress = 0.5;

        CTAnima.endProgress = 0.5;


        //最后添加到指定的视图上即可

        [layer addAnimation:CTAnima forKey:nil];


}


三、组动画简单介绍

        同样是CAAnimation的子类,可以保存一组动画的对象,将CAAnimationGroup加入层后,组中的所有动画都会并发运行。

        包含属性:

        animatitons:用来保存动画的数组

默认的,一组动画对象是同事运行的,也可以通过修改beginTime来设置开始的时间。


四、代码示例

{

        //先创建几个不同的动画

        CABasicAnimation *b1 = [CABasicAnimation animation];

        b1.keypath = @"position";    //平移

        b1.byValue = [NSValue valueWithCGPoint:CGPointMake(200, 300)];


        CABasicAnimation *b2 = [CABasicAnimation animation];

        b2.keypath = @"bounds";    //缩放

        b2.toValue =[NSValue valueWithCGRect:CGRectMake(0, 0, 200, 200)];


        CABasicAnimation *b2 = [CABasicAnimation animation];

        b2.keypath = @"transform";    //旋转

        b2.toValue =[NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];


   //然后把这些动画放入数组里

    CAAnimationGroup *CAnimaG = [CAAnimationGroup animation];

    CAnimaG.animations = @[b1,b2,b3];

    CAnimaG.duration = 2.0f;

    CAnimaG.removeOnCompletion = NO;

    CAnimaG.fillMode = kCAFillModeForwards;

    //最后添加到指定的视图上即可

    [view.layer addAnimation:CAnimaG forKey:nil];

}





本文出自 “11562149” 博客,请务必保留此出处http://11572149.blog.51cto.com/11562149/1784747

核心动画的接触点滴(四)

标签:核心动画   组动画   转场动画   catransition   caanimationgroup   

原文地址:http://11572149.blog.51cto.com/11562149/1784747

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!