iOS 动画之购物车 贝塞尔曲线

//
//  ViewController.m
//  test_shapeLayer_01
//
//  Created by admin on 1/28/16.
//  Copyright © 2016 jeffasd. All rights reserved.
//

#import "ViewController.h"

#define pi 3.14159265359
#define   DEGREES_TO_RADIANS(degrees)  ((pi * degrees)/
180)

@interface ViewController ()

@property(nonatomic,
strong) CAShapeLayer *shapeLayer;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super
viewDidLoad];

    self.shapeLayer = [CAShapeLayer
layer];
//    _shapeLayer.frame = CGRectMake(0, 0, 200, 200);
    _shapeLayer.frame =
self.view.frame;
//    _shapeLayer.position = self.view.center;
    _shapeLayer.fillColor = [UIColor
clearColor].CGColor;
    
    _shapeLayer.lineWidth =
1.0f;
    _shapeLayer.strokeColor = [UIColor
cyanColor].CGColor;
    
//    UIBezierPath *circlePath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 200, 200)];
    
//    UIBezierPath *circlePath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 200, 200)];
    
    
//    UIBezierPath *circlePath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(150, 150)
//                                                         radius:75
//                                                     startAngle:0
//                                                       endAngle:DEGREES_TO_RADIANS(135)
//                                                      clockwise:YES];
    
//    //绘制二次贝塞尔曲线
//    UIBezierPath *circlePath = [UIBezierPath bezierPath];
////    [circlePath moveToPoint:CGPointMake(20, 100)];
//    [circlePath moveToPoint:CGPointMake(0, 100)];
//    [circlePath addQuadCurveToPoint:CGPointMake(200, 100) controlPoint:CGPointMake(100, 0)];
    
    
#if 0
    //绘制三次贝塞尔曲线
    UIBezierPath *circlePath = [UIBezierPath bezierPath];
    [circlePath moveToPoint:CGPointMake(20,
50)];
    [circlePath addCurveToPoint:CGPointMake(200,
50) controlPoint1:CGPointMake(110,
0) controlPoint2:CGPointMake(110,
100)];
    _shapeLayer.path = circlePath.CGPath;
#endif
    
    
    //绘制三次贝塞尔曲线
    UIBezierPath *circlePath = [UIBezierPath
bezierPath];
    [circlePath moveToPoint:CGPointMake(20,
100)];
    [circlePath addCurveToPoint:CGPointMake(350,
600) controlPoint1:CGPointMake(110,
0) controlPoint2:CGPointMake(110,
100)];
    _shapeLayer.path = circlePath.CGPath;
    
    
    _shapeLayer.strokeStart =
0;
    _shapeLayer.strokeEnd =
1.0;
    
    [self.view.layer
addSublayer:_shapeLayer];
    
    
    CAKeyframeAnimation *animation = [CAKeyframeAnimation
animationWithKeyPath:@"position"];
    animation.duration =
3;
    animation.timingFunction = [CAMediaTimingFunction
functionWithName:@"easeInEaseOut"];
    animation.repeatCount =
1;
    animation.path = circlePath.CGPath;
    
    UIView *subView = [[UIView
alloc] initWithFrame:CGRectMake(100,
20, 10,
10)];
    
//    subView.center = self.view.center;
    
    subView.backgroundColor = [UIColor
redColor];
    [self.view
addSubview:subView];
    
//    subView.center = self.view.center;
    
    //为subView视图添加动画
    [subView.layer
addAnimation:animation forKey:@"test"];
    
    
//    //绘制曲线
//    CGContextMoveToPoint(context, 20, 100);//移动到起始位置
//    /*绘制二次贝塞尔曲线
//     c:图形上下文
//     cpx:控制点x坐标
//     cpy:控制点y坐标
//     x:结束点x坐标
//     y:结束点y坐标
//     */
//    CGContextAddQuadCurveToPoint(context, 160, 0, 300, 100);
//    
//    CGContextMoveToPoint(context, 20, 500);
//    /*绘制三次贝塞尔曲线
//     c:图形上下文
//     cp1x:第一个控制点x坐标
//     cp1y:第一个控制点y坐标
//     cp2x:第二个控制点x坐标
//     cp2y:第二个控制点y坐标
//     x:结束点x坐标
//     y:结束点y坐标
//     */
//    CGContextAddCurveToPoint(context, 80, 300, 240, 500, 300, 300);
//    
//    //设置图形上下文属性
//    [[UIColor yellowColor]setFill];
//    [[UIColor redColor]setStroke];
//    
//    
//    //绘制路径
//    CGContextDrawPath(context, kCGPathFillStroke);
    
}

- (void)didReceiveMemoryWarning {
    [super
didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end