// 返回相对于控件自身内部触摸点的位置
[pan locationInView:self];
// 返回两个触摸点之间的偏移量，这个是偏移量，其实和具体的控件关系不大
CGPoint curP = [pan translationInView:self];

// 1 阴影
// 阴影不透明度，默认是0
_redView.layer.shadowOpacity = 10;
// 注意：图层的颜色都是核心绘图框架，通常：CGColor，要进行类型转换
_redView.layer.shadowColor = [UIColor blueColor].CGColor;
_redView.layer.shadowOffset = CGSizeMake(10, 10);
_redView.layer.shadowRadius = 10;
// 2 边框
_redView.layer.borderWidth = 5;
_redView.layer.borderColor = [UIColor yellowColor].CGColor;

// UIImageView的图层属性
_imageView.layer.borderWidth = 3;
_imageView.layer.borderColor = [UIColorblueColor].CGColor;
//    // 阴影
//    _imageView.layer.shadowOpacity = 1; // 不透明
//    _imageView.layer.shadowOffset = CGSizeMake(10, 10);
//    _imageView.layer.shadowColor = [[UIColor purpleColor] CGColor];
    // 圆角,默认不会裁切为圆形
    _imageView.layer.cornerRadius = 50;
    // 设置这个参数可以使超出圆角的部分强制裁切
    _imageView.layer.masksToBounds = YES;

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    _redView.layer.transform = CATransform3DMakeScale(0.5, 0.5, 1);
    CGFloat angle = arc4random_uniform(360)/180.0*M_PI; // 随机角度
    [UIView animateWithDuration:1animations:^{
        _redView.layer.transform = CATransform3DMakeRotation(angle, 0, 0, 1);
        _redView.layer.transform = CATransform3DMakeTranslation(100, 100, 100);
//        _redView.layer.transform = CATransform3DMakeScale(1, 1, 1);
        // 也可以使用KVC进行属性监视，但是有时可能出现一些莫名其妙的问题
        [_redView.layer setValue:@(angle) forKeyPath:@"transform.scale"];
    }];
}

// 手动创建图层
CALayer *layer = [CALayer layer];
layer.bounds = CGRectMake(0, 0, 100, 100);
// 起始点 position
layer.position = CGPointMake(100, 100);
// 锚点 anchorPoint，在图层内部的某个点，决定这position显示的点
layer.anchorPoint = CGPointMake(0,0);
layer.anchorPoint = CGPointMake(0.5,1);
layer.anchorPoint = CGPointMake(1,0.5);
layer.backgroundColor = [UIColor redColor].CGColor;
// 如过想图层中添加图片，需要添加到属性contents中，返回类型是CGImageRef
layer.contents = (id)[[UIImage imageNamed:@"阿狸头像"] CGImage];
// 将图层添加到子图层
[self.view.layer addSublayer:layer];

/* The background color of the layer. Default value is nil. Colors
 * created from tiled patterns are supported. Animatable. */
@property CGColorRef backgroundColor;
// 常见属性
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    // 常见带有动画的属性
     CGFloat angle = arc4random_uniform(360)/180.0*M_PI; // 随机角度
    _redView.layer.transform = CATransform3DRotate(_redView.layer.transform, angle, 0, 0, 1);
    _redView.layer.transform = CATransform3DTranslate(_redView.layer.transform, arc4random_uniform(50), arc4random_uniform(50), 1);
//    _redView.layer.transform = CATransform3DScale(_redView.layer.transform, arc4random_uniform(10)/10.0,arc4random_uniform(10)/10.0, 1);
    _redView.layer.borderWidth = arc4random_uniform(5) + 1;
    _redView.layer.borderColor = [selfrandomColor].CGColor;
    _redView.layer.shadowOpacity = 1;
    _redView.layer.shadowOffset = CGSizeMake(10, 10);
    _redView.layer.shadowRadius = arc4random_uniform(10);
    _redView.layer.cornerRadius = arc4random_uniform(50);
}

@property (weak, nonatomic) IBOutletUIImageView *clockImage;
@property (strong, nonatomic) CALayer *secondLayer;
@property (strong, nonatomic) CALayer *minuteLayer;
@property (strong, nonatomic) CALayer *hourLayer;

// 设置秒针
- (void)setSecond
{
    // 秒针
    _secondLayer = [CALayerlayer];
    // 边界大小
    _secondLayer.bounds = CGRectMake(0, 0, 1, kClockH/2 - 20);
    // 背景色
    _secondLayer.backgroundColor = [UIColor redColor].CGColor;
    // 位置
    _secondLayer.position = CGPointMake(kClockH/2, kClockH/2);
    // 锚点
    _secondLayer.anchorPoint = CGPointMake(0.5, 1);
    // 添加到图层
    [self.clockImage.layer addSublayer:_secondLayer];
}
// 设置分针
- (void)setMinute
{
    // 分针
    _minuteLayer= [CALayerlayer];
    _minuteLayer.bounds = CGRectMake(0, 0, 2, kClockH/2 - 30);
    _minuteLayer.cornerRadius = 4;
    _minuteLayer.backgroundColor = [UIColor blackColor].CGColor;
    _minuteLayer.position = CGPointMake(kClockH/2, kClockH/2);
    _minuteLayer.anchorPoint = CGPointMake(0.5, 1);
    _minuteLayer.transform = CATransform3DMakeRotation(M_PI_2, 0, 0, 1);
    [self.clockImage.layer addSublayer:_minuteLayer];
}
// 设置时针
- (void)setHour
{
    // 时针
    _hourLayer = [CALayer layer];
    _hourLayer.bounds = CGRectMake(0, 0, 3, kClockH/2 - 50);
    _hourLayer.cornerRadius = 4;
    _hourLayer.backgroundColor = [UIColor blackColor].CGColor;
    _hourLayer.position = CGPointMake(kClockH/2, kClockH/2);
    _hourLayer.anchorPoint = CGPointMake(0.5, 1);
    _hourLayer.transform = CATransform3DMakeRotation(M_PI, 0, 0, 1);
    [self.clockImage.layer addSublayer:_hourLayer];
}

- (void)viewDidLoad
{
    [superviewDidLoad];
    [self setMinute];
    [self setHour];
    [self setSecond];
    // 添加定时器
    [NSTimer scheduledTimerWithTimeInterval:1target:self selector:@selector(timeChange) userInfo:nil repeats:YES];
}

// 定时器实现
- (void)timeChange
{
    // 获取系统时间
    NSCalendar *calendar = [NSCalendar currentCalendar];
    // 获取时间：时分秒
    // 获取日期的组件：年月日小时分秒
    // components:需要获取的日期组件
    // fromDate：获取哪个日期的组件
    // 经验：以后枚举中有移位运算符，通常一般可以使用并运算（|）
    NSDateComponents *comp = [calendar components:NSCalendarUnitSecond | NSCalendarUnitMinute | NSCalendarUnitHourfromDate:[NSDatedate]];
    NSLog(@"timeChange:%@",comp);
    // 获取秒
    NSInteger sec = comp.second;
    // 获取分
    NSInteger minute = comp.minute;
    // 获取小时
    NSInteger hour = comp.hour;
    // 秒针当前的弧度
    CGFloat secondAngle = (perSecondA * sec) / 180.0 * M_PI;
    // 分针当前的弧度
    CGFloat minuteAngle = (perMinuteA * minute) / 180.0 * M_PI;
    // 时针当前的弧度
    CGFloat hourAngle = (perHourA * hour + perMinuteHourA * minute) / 180.0 * M_PI;
    // 旋转秒针
    _secondLayer.transform = CATransform3DMakeRotation(secondAngle, 0, 0, 1);
    // 旋转分针
    _minuteLayer.transform = CATransform3DMakeRotation(minuteAngle, 0, 0, 1);
    // 旋转时针
    _hourLayer.transform = CATransform3DMakeRotation(hourAngle, 0, 0, 1);
}

#define kClockH (_clockImage.bounds.size.height)
// 一秒钟秒针转6°
#define perSecondA 6
// 一分钟分针转6°
#define perMinuteA 6
// 一小时时针转30°
#define perHourA 30
// 每分钟时针转多少度
#define perMinuteHourA 0.5

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    // 创建动画
    CABasicAnimation *anim = [CABasicAnimation animation];
    // 描述动画的属性
    anim.keyPath = @"position";
//    anim.keyPath = @"transform.scale";
    // 动画延迟2s执行
//    anim.beginTime = CACurrentMediaTime() + 2;
    // 属性改变的值
    anim.toValue = [NSValue valueWithCGPoint:CGPointMake(300, 200)];
    // 重读次数
    anim.repeatCount = 10;
    // 取消动画反弹，默认为yes，动画执行完毕后恢复原状，为NO时表示动画执行结束显示动画最后的状态
    anim.removedOnCompletion = YES;
    // 保持动画最后的状态
    anim.fillMode = kCAFillModeForwards;
    [self.blueView.layer addAnimation:anim forKey:nil];
}

#import "DrawView.h"

@interfaceDrawView()
@property (nonatomic, strong) UIBezierPath *path;

@end

@implementation DrawView

// 绘制一条路径
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *tou = [touches anyObject];
    CGPoint curP = [tou locationInView:self];

    _path = [UIBezierPath bezierPath];

    [_path moveToPoint:curP];
}
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *tou = [touches anyObject];
    CGPoint curP = [tou locationInView:self];

    [_path addLineToPoint:curP];

    [self setNeedsDisplay];
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
    // 按照路径进行移动
    CAKeyframeAnimation *keyframeAnim = [CAKeyframeAnimation animation];
    keyframeAnim.keyPath = @"position";
    keyframeAnim.path = (_path.CGPath); // 转换路径格式
    keyframeAnim.duration = 1;
    keyframeAnim.repeatCount = 3;
    keyframeAnim.fillMode = kCAFilterLinear;
    [[[self.subviewsfirstObject] layer] addAnimation:keyframeAnim forKey:nil];
}
- (void)drawRect:(CGRect)rect
{
    // 绘制路径
    [_path stroke];
}
@end

// 三张图片切换显示
static int  i = 2;
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    // 转场动画
    if (i == 4) {
        i = 1;
    }
    NSString *imageName = [NSString stringWithFormat:@"%d",i];

    _imageView.image = [UIImage imageNamed:imageName];

    i ++;
    // 转场动画
    CATransition *transition = [[CATransition alloc] init];
    transition.type = @“rippleEffect”; // 动画类型
    transition.duration = 2;
    [self.imageView.layer addAnimation:transition forKey:nil];
}

//CAAnimationGroup 动画组:给一个图层添加多个动画
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    CAAnimationGroup *grounp = [CAAnimationGroup animation];
    CABasicAnimation *animPosition= [CABasicAnimation animation];
    // 描述动画的属性
    animPosition.keyPath = @"position";
    // 属性改变的值
    animPosition.toValue = [NSValuevalueWithCGPoint:CGPointMake(arc4random_uniform(300),arc4random_uniform(200))];

    CABasicAnimation *animScale= [CABasicAnimation animation];
    // 描述动画的属性
    animScale.keyPath = @"transform.scale";
    // 属性改变的值
    animScale.toValue = @0.5;

    CABasicAnimation *animRotate= [CABasicAnimation animation];
    // 描述动画的属性
    animRotate.keyPath = @"transform.rotation";
    // 属性改变的值
    animRotate.toValue = @(arc4random_uniform(M_PI));

    // 添加到动画组
    grounp.animations = @[animPosition,animRotate,animScale];

    [self.imageView.layer addAnimation:grounp forKey:nil];
}

// 通过设置contentsRect可以设置图片显示的尺寸，取值0~1
// 获取上半部分
_topView.layer.contentsRect = CGRectMake(0, 0, 1, 0.5);
_topView.layer.anchorPoint = CGPointMake(0.5, 1);
// 显示下半部分
_bottomView.layer.contentsRect = CGRectMake(0, 0.5, 1, 0.5);
_bottomView.layer.anchorPoint = CGPointMake(0.5, 0);
// 添加滑动手势
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];

[self.dragView addGestureRecognizer:pan];

// 渐变图层
CAGradientLayer *layer = [CAGradientLayerlayer];
layer.frame = self.bottomView.bounds; // 渐变图层位置和尺寸
layer.opacity = 0; // 透明
// 添加渐变色
layer.colors  = @[(id)[UIColor clearColor].CGColor,(id)[UIColorblackColor].CGColor];

_gradientLayer = layer;
// 添加到底部
[self.bottomView.layer addSublayer:layer];

- (void)pan:(UIPanGestureRecognizer *)pan
{
    // 图片高度
    CGFloat imageH = _dragView.bounds.size.width;
    CGPoint curP = [pan translationInView:self.dragView];
    // 旋转角度
    CGFloat angle = - curP.y / imageH *M_PI;
    // 默认原始位置
    CATransform3D transform = CATransform3DIdentity;
    // 增加旋转的立体感，近大远小,d：距离图层的距离
    transform.m34 = -1 / 500.0 ;
    // 旋转
    transform = CATransform3DRotate(transform, angle, 1, 0, 0);
    self.topView.layer.transform = transform;

    // 设置阴影效果
    self.gradientLayer.opacity = curP.y / imageH;

    // 手指抬起后将图片反弹
    if (pan.state == UIGestureRecognizerStateEnded) {

        [UIViewanimateWithDuration:0.5delay:0usingSpringWithDamping:0.2initialSpringVelocity:10options:UIViewAnimationOptionCurveEaseInOutanimations:^{
            // topView恢复原状
            self.topView.layer.transform = CATransform3DIdentity;
            // 阴影恢复原状
            self.gradientLayer.opacity = 0;
        } completion:^(BOOL finished) {
        }];
    }
}

- (void)createLayerWithColor:(UIColor *)color anchorPoint:(CGPoint )point frame:(CGRect)rect
{
    // 复制图层 CAReplicatorLayer
    CAReplicatorLayer *replicator = [CAReplicatorLayer layer];
    // 必须设置尺寸
    replicator.frame = self.imageView.bounds;
    [self.imageView.layer addSublayer:replicator];
    // 创建图层
    CALayer *layer = [CALayer layer];
    layer.backgroundColor = color.CGColor;
    // 注意设置锚点和frame的顺序,先设置锚点再设置位置
    layer.anchorPoint = point;
    layer.frame = rect;;
    // 添加图层动画
    CABasicAnimation *anim = [CABasicAnimation animation];
    anim.keyPath = @"transform.scale.y"; // 只改变y值
    anim.fromValue = @(0);
    anim.toValue = @(1);
    anim.repeatCount = MAXFLOAT;
    anim.duration = 0.5;
    anim.autoreverses = YES; // 自动反转动画
    [layer addAnimation:anim forKey:nil];
    // 将图层添加到复制图层
    [replicator addSublayer:layer];
    // 复制图层总个数，包括原图层
    replicator.instanceCount = 6;
    // 图层之间显示的延迟
    replicator.instanceDelay = 0.3;
    // 图层之间的距离或者其他属性
    replicator.instanceTransform = CATransform3DMakeTranslation(50, 0, 0);
    // 如果设置了原始层背景色，就不需要设置这个属性
    replicator.instanceRedOffset  = - 0.4;
}

// 复制层
CAReplicatorLayer *repl = [CAReplicatorLayer layer];
repl.frame = self.imageView.bounds;
[self.imageView.layer addSublayer:repl];
// 一般层
CALayer *layer = [CALayer layer];
//    layer.anchorPoint = CGPointMake(0.5, 1);
// 一开始不想显示的话就先隐藏
layer.transform = CATransform3DMakeScale(0, 0, 0);
layer.frame = CGRectMake((self.imageView.bounds.size.width-20)/2, 0, 20, 20);
layer.backgroundColor = [UIColorredColor].CGColor;
layer.cornerRadius = 10;
CABasicAnimation *anim = [CABasicAnimation animation];
anim.keyPath = @"transform.scale";
anim.fromValue = @(1);
anim.toValue = @(0);
anim.repeatCount = MAXFLOAT;
CGFloat duraton = 1;
anim.duration = duraton;
[layer addAnimation:anim forKey:nil];
[repl addSublayer:layer];
repl.instanceCount = kViewCount;
CGFloat angle = M_PI * 2 / kViewCount;
repl.instanceTransform = CATransform3DMakeRotation(angle, 0, 0, 1);
repl.instanceDelay = duraton / kViewCount;
}

#import "DrawView.h"

@interfaceDrawView ()
@property (nonatomic, strong) UIBezierPath *path;
@property (weak, nonatomic) IBOutletUIImageView *imageView;
@property (weak, nonatomic) CAReplicatorLayer *repl;
@property (weak, nonatomic) CALayer *dotLayer;
@end

@implementation DrawView
//
- (CALayer *)dotLayer
{
    if (_dotLayer == nil) {
        CALayer *layer = [CALayer layer];
        // 初始显示到屏幕以外位置
        layer.frame = CGRectMake(1100, 0, 20, 20);
        layer.cornerRadius = 15;
        layer.backgroundColor = [UIColor  whiteColor].CGColor;
        layer.shadowOpacity = 0.5;
        layer.shadowOffset = CGSizeMake(3, 3);
        layer.shadowColor = [self randomColor].CGColor;
        _dotLayer = layer;
        [_repl addSublayer:_dotLayer];
    }
    return_dotLayer;
}
- (UIColor *)randomColor
{
    CGFloat r = arc4random_uniform(256)/255.0;
    CGFloat g = arc4random_uniform(256)/255.0;
    CGFloat b = arc4random_uniform(256)/255.0;
    return [UIColorcolorWithRed:r green:g blue:b alpha:1];
}
// 只加载一次，将所有线全部保存在一个路径中
- (UIBezierPath *)path
{
    if (_path == nil) {
        _path = [UIBezierPath bezierPath];
    }
    return  _path;
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *tou = [touches anyObject];
    CGPoint curP = [tou locationInView:self];
    [self.path moveToPoint:curP];
}
static int count = 0; // 复制子层个数
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *tou = [touches anyObject];
    CGPoint curP = [tou locationInView:self];
    [self.path addLineToPoint:curP];
    [selfsetNeedsDisplay];
    count ++;
}
- (void)start
{
    CAKeyframeAnimation *anim = [CAKeyframeAnimationanimation];
    anim.keyPath = @"position";
    anim.path = self.path.CGPath;
    anim.duration = 3;
    anim.repeatCount = MAXFLOAT;

    [self.dotLayeraddAnimation:anim forKey:nil];

    [_repladdSublayer:self.dotLayer];
    // 注意:如果复制的子层有动画，先添加动画，在复制
    // 复制子层
    self.repl.instanceCount = count;
    self.repl.instanceDelay = 0.2;
//    _repl.instanceTransform = CATransform3DMakeRotation(M_PI,1, 0,0);
    _repl.instanceTransform = CATransform3DMakeScale(1, 0.3, 1);
//    _repl.instanceTransform = CATransform3DMakeTranslation(10, 3, 0);
//    self.repl.instanceRedOffset = - 0.1;
//    self.repl.instanceBlueOffset = - 0.1;
//    self.repl.instanceGreenOffset = - 0.1;
    self.repl.instanceColor = [selfrandomColor].CGColor;
}


- (void)redraw
{
    // 清空路径
    self.path = nil;
    [self setNeedsDisplay];
    // 移除子层
    [_dotLayer removeFromSuperlayer];
    _dotLayer = nil;
    // 计数清零
    count = 0;
}
- (void)awakeFromNib
{
    // 显示粒子
    CAReplicatorLayer *repl = [CAReplicatorLayerlayer];
    repl.frame = self.bounds;


    [self.layer addSublayer:repl];
    _repl = repl;
}

// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code
    [self.path stroke];
}

@end

// 复制子层
CAReplicatorLayer *repl = (CAReplicatorLayer *)_imageRootView.layer;


repl.instanceCount = 4;
CGFloat angel = 0;
for (int i = 0 ; i < 4 ; i ++) {
    angel = i * M_PI_2;
    CATransform3D transform = CATransform3DMakeTranslation(-_imageView.bounds.size.width,_imageView.bounds.size.height * 2, 0);
    transform = CATransform3DRotate(transform,angel,0 , 0,1);


    // 平移并旋转
    repl.instanceTransform = transform;
}
// 添加一个阴影效果
repl.instanceRedOffset = - 0.1;
repl.instanceGreenOffset = - 0.1;
repl.instanceBlueOffset = - 0.1;
repl.instanceAlphaOffset = - 0.1;

@propertyCGPathRef path;
@property CGColorRef fillColor;
直接指定路径可以绘制。不需要在drawRect中绘制。
// 展示不规则矩形，通过不规则矩形路径生成一个图层
CAShapeLayer *layer = [CAShapeLayerlayer];
layer.fillColor = self.backgroundColor.CGColor;
_shapeLayer = layer;
[self.superview.layer insertSublayer:_shapeLayer below:self.layer];