CAKeyframeAnimation简单实用

最新推荐文章于 2025-08-09 11:00:04 发布

转载最新推荐文章于 2025-08-09 11:00:04 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaokanfengyu/p/4037124.html

本文介绍了如何在iOS应用中使用Core Animation库实现路径动画，包括创建动画、设置执行节奏、监听动画执行状态等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//
// MJViewController.m
// 06-核心动画02-CAKeyframeAnimation
//
// Created by apple on 14-4-21.
// Copyright (c) 2014年 itcast. All rights reserved.
//

#import "MJViewController.h"

@interface MJViewController ()
@property (weak, nonatomic) IBOutlet UIView *redView;

@end

@implementation MJViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
   // Do any additional setup after loading the view, typically from a nib.
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];

    anim.keyPath = @"position";
    anim.removedOnCompletion = NO;
    anim.fillMode = kCAFillModeForwards;
    anim.duration = 2.0;

    // 创建一个路径
    CGMutablePathRef path = CGPathCreateMutable();


    // 添加一个圆到这个路径
    CGPathAddEllipseInRect(path, NULL, CGRectMake(100, 100, 200, 200));
    anim.path = path;

    // 释放这个路径（Create出来的对象都需要释放）
    CGPathRelease(path);

    // 设置动画的执行节奏
    // kCAMediaTimingFunctionEaseInEaseOut : 一开始比较慢, 中间会加速, 临近结束的时候, 会变慢
    anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    // 监听动画的执行
    anim.delegate = self;

    [self.redView.layer addAnimation:anim forKey:nil];
}

#pragma mark - 动画的代理方法
#pragma mark 动画开始的时候调用
- (void)animationDidStart:(CAAnimation *)anim
{
    NSLog(@"animationDidStart");
}
#pragma mark 动画结束的时候调用
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
{
    NSLog(@"animationDidStop");
}

- (void)testMove
{
    //    CABasicAnimation fromValue --> toValue

    CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];

    anim.keyPath = @"position";

    NSValue *v1 = [NSValue valueWithCGPoint:CGPointZero];
    NSValue *v2 = [NSValue valueWithCGPoint:CGPointMake(100, 0)];
    NSValue *v3 = [NSValue valueWithCGPoint:CGPointMake(100, 200)];
    NSValue *v4 = [NSValue valueWithCGPoint:CGPointMake(0, 200)];
    anim.values = @[v1, v2, v3, v4];

    //    anim.keyTimes = @[@(0.5), @(0.25), @(0.25)];

    anim.duration = 2.0;


    anim.removedOnCompletion = NO;
    anim.fillMode = kCAFillModeForwards;

    [self.redView.layer addAnimation:anim forKey:nil];
}

@end

转载于:https://www.cnblogs.com/xiaokanfengyu/p/4037124.html