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

关键帧动画(2)心脏的跳动

时间:2015-10-16 06:23:00      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:

//

//  ViewController.m

//  UI-NO-38-1基础动画实例1

//

//  Created by 容伟 on 15/9/17.

//  Copyright (c) 2015年 容伟. All rights reserved.

//

/*

 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

技术分享

关键帧动画(2)心脏的跳动

标签:

原文地址:http://www.cnblogs.com/wukun16/p/4884168.html

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