沿着path路径做动画

沿着path路径做动画

路径

效果

源码

//
//  ViewController.m
//  PathAnimation
//
//  Created by YouXianMing on 16/1/26.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic) CGPoint startPoint;
@property (nonatomic) CGPoint endPoint;

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    // 起始点 结束点
    self.startPoint = CGPointMake(, );
    self.endPoint   = CGPointMake(, );

    // 初始化view
    UIButton *redButton       = [[UIButton alloc] initWithFrame:CGRectMake(, , , )];
    redButton.center          = self.startPoint;
    redButton.backgroundColor = [UIColor redColor];
    [redButton addTarget:self action:@selector(buttonEvent) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:redButton];

    // CAKeyframeAnimation
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    animation.path                 = [self path].CGPath;
    animation.duration             = .f;
    animation.timingFunction       = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    redButton.center               = self.endPoint;
    [redButton.layer addAnimation:animation forKey:nil];
}

- (UIBezierPath *)path {

    UIBezierPath* bezierPath = [UIBezierPath bezierPath];

    [bezierPath moveToPoint:    self.startPoint];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: self.endPoint];

    return bezierPath;
}

- (void)buttonEvent {

    // todo
}

@end

细节

效果

源码

//
//  ViewController.m
//  PathAnimation
//
//  Created by YouXianMing on 16/1/26.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic) CGPoint startPoint;
@property (nonatomic) CGPoint endPoint;

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    // 起始点 结束点
    self.startPoint = CGPointMake(, );
    self.endPoint   = CGPointMake(, );

    // 初始化view
    UIButton *redButton       = [[UIButton alloc] initWithFrame:CGRectMake(, , , )];
    redButton.center          = self.startPoint;
    redButton.backgroundColor = [UIColor redColor];
    [redButton addTarget:self action:@selector(buttonEvent) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:redButton];

    // CAKeyframeAnimation
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    animation.path                 = [self path].CGPath;
    animation.duration             = .f;
    animation.autoreverses         = true;
    animation.repeatCount          = CGFLOAT_MAX;
    animation.timingFunction       = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    [redButton.layer addAnimation:animation forKey:nil];
}

- (UIBezierPath *)path {

    UIBezierPath* bezierPath = [UIBezierPath bezierPath];

    [bezierPath moveToPoint:    self.startPoint];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: CGPointMake(, )];
    [bezierPath addLineToPoint: self.endPoint];

    return bezierPath;
}

- (void)buttonEvent {

    // todo
}

@end

细节