zoukankan      html  css  js  c++  java
  • 基础动画(落叶)

    /*

     CAKeyframeAnimation 也属于 CAPropertyAnimation

     关键帧动画  可以让我们精准的控制动画效果  它的原理是 把动画序列里面比较关键的帧取出来  设置他的动画效果

     

     values属性 执行动画轨迹的路径

     path 属性  执行动画轨迹的数组

     

     

     */

    #import "ViewController.h"

     

    @interface ViewController ()

    {

        CALayer *petalLayer;

    }

    @end

     

    @implementation ViewController

     

    - (void)viewDidLoad {

        [super viewDidLoad];

        self.view.backgroundColor = [UIColor whiteColor];

        UIImageView *imageView = [[UIImageView alloc] initWithFrame:[UIScreen mainScreen].bounds];

        NSString *path = [[NSBundle mainBundle] pathForResource:@"落叶" ofType:@"jpg"];

        imageView.image = [UIImage imageWithContentsOfFile:path];

        

        [self.view addSubview:imageView];

        

        [self addPetal];

     

     

    }

     

    - (void)addPetal {

        NSString *path = [[NSBundle mainBundle] pathForResource:@"petal" ofType:@"jpg"];

        UIImage *petal = [UIImage imageWithContentsOfFile:path];

        petalLayer = [[CALayer alloc] init];

        petalLayer.bounds = CGRectMake(0, 0, petal.size.width, petal.size.height);

        petalLayer.position = CGPointMake(150, 250);

        petalLayer.contents = (id)petal.CGImage;

        [self.view.layer addSublayer:petalLayer];

        

    }

     

    - (void)dropAnimation {

        CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];

        animation.fromValue = [NSValue valueWithCGPoint:petalLayer.position];

        animation.toValue = [NSValue valueWithCGPoint:CGPointMake(150, 600)];

        animation.duration = 5;

        animation.removedOnCompletion = NO;

        animation.fillMode = kCAFillModeBoth;

        [petalLayer addAnimation:animation forKey:@"show"];

        

        

    }

     

    - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

        [self dropAnimation];

    }

     

    - (void)didReceiveMemoryWarning {

        [super didReceiveMemoryWarning];

        // Dispose of any resources that can be recreated.

    }

     

    @end

     

  • 相关阅读:
    电脑开机自动上线(电脑开机之后自动将电脑的远程端口映射到服务器,可以通过其他设备进行连接,实现随时访问自己的电脑)
    批处理(bat)用来监测Windows网络状态脚本
    js取消点击事件
    uni-app 几个实用的功能
    前端几个比较方便的正则验证
    element.ui时间选择器
    Vue pc端项目打包后在nginx中无法正常浏览,点击页面出现404
    微信小程序之选项卡的实现方法
    文本溢出显示省略号
    分享几道前端面试题(3)
  • 原文地址:https://www.cnblogs.com/wukun16/p/4884167.html
Copyright © 2011-2022 走看看