zoukankan      html  css  js  c++  java
  • OC动画:CAAnimationGroup

            //贝塞尔曲线路径
            UIBezierPath *movePath = [UIBezierPath bezierPath];
             [movePath moveToPoint:CGPointMake(10.0, 10.0)];
             [movePath addQuadCurveToPoint:CGPointMake(100, 300) controlPoint:CGPointMake(300, 100)];
        
            //以下必须导入QuartzCore包
           //关键帧动画(位置)
             CAKeyframeAnimation * posAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
             posAnim.path = movePath.CGPath;
             posAnim.removedOnCompletion = YES;
        
             //缩放动画
             CABasicAnimation *scaleAnim = [CABasicAnimation animationWithKeyPath:@"transform"];
             scaleAnim.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
             scaleAnim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.5, 0.5, 0.1)];
    
            scaleAnim.removedOnCompletion = YES;
        
             //透明动画
             CABasicAnimation *opacityAnim = [CABasicAnimation animationWithKeyPath:@"alpha"];
             opacityAnim.fromValue = [NSNumber numberWithFloat:1.0];
             opacityAnim.toValue = [NSNumber numberWithFloat:0.1];
             opacityAnim.removedOnCompletion = YES;
        
             //动画组
             CAAnimationGroup *animGroup = [CAAnimationGroup animation];
             animGroup.animations = [NSArray arrayWithObjects:posAnim, scaleAnim, opacityAnim, nil];
             animGroup.duration = 1;
        
             [redView.layer addAnimation:animGroup forKey:nil];
    
  • 相关阅读:
    CSS笔记(十)position属性与定位
    CSS笔记(九)轮廓
    前端需要学习算法吗 算法面的意义 职业规划
    Web前端笔试整理10
    Web前端笔试整理9
    Web前端笔试整理8
    Web前端笔试整理7
    Web前端笔试整理6
    JS 图片延迟加载/懒加载
    JS 同步与异步编程
  • 原文地址:https://www.cnblogs.com/hualuoshuijia/p/9947367.html
Copyright © 2011-2022 走看看