需求：实现果冻一样的动画效果

最新推荐文章于 2021-09-27 08:36:00 发布

Coding_Physical

最新推荐文章于 2021-09-27 08:36:00 发布

阅读量297

点赞数

分类专栏：个人OC知识梳理

本文链接：https://blog.csdn.net/Coding_Physical/article/details/109480907

版权

个人OC知识梳理专栏收录该内容

110 篇文章 2 订阅

订阅专栏

需求展现：

下面的红色区域是随着蓝色点移动进行画线，需要增加手势，监听蓝色点的移动frame

@property (nonatomic, strong) UIView *pointView;

@property (nonatomic, strong) CAShapeLayer *shapeLayer;

@property (nonatomic, strong) CADisplayLink *displayLink;

CADisplayLink 是用来监听监听蓝色点的移动frame的

/* Create a new display link object for the main display. It will

* invoke the method called 'sel' on 'target', the method has the

* signature '(void)selector:(CADisplayLink *)sender'. */

新建CADisplayLink对象让self来执行sel方法

self.displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(displayLinkEvent)];

/* Adds the receiver to the given run-loop and mode. Unless paused, it

* will fire every vsync until removed. Each object may only be added

* to a single run-loop, but it may be added in multiple modes at once.

* While added to a run-loop it will implicitly be retained. */

接收器必须添加到RunLoop中，除非暂停，它将在每个垂直同步信号执行,它会强引用。

[self.displayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];

- (void)displayLinkEvent {
    
    CALayer *layer       = self.pointView.layer.presentationLayer;
    self.shapeLayer.path = [self calculatePathWithPoint:layer.position].CGPath;
}

全部代码如下：

//
//  SpringEffectController.m
//  Animations
//
//  Created by YouXianMing on 16/1/17.
//  Copyright © 2016年 YouXianMing. All rights reserved.
//

#import "SpringEffectController.h"
#import "UIView+SetRect.h"

@interface SpringEffectController () {
    
    CGPoint  _centerPoint;
}

@property (nonatomic, strong) UIView         *pointView;
@property (nonatomic, strong) CAShapeLayer   *shapeLayer;
@property (nonatomic, strong) CADisplayLink  *displayLink;

@end

@implementation SpringEffectController

- (void)viewDidLoad {
    
    [super viewDidLoad];
    
    _centerPoint = self.contentView.center;
    
    self.shapeLayer           = [CAShapeLayer layer];
    self.shapeLayer.frame     = self.contentView.bounds;
    self.shapeLayer.fillColor = [UIColor redColor].CGColor;
    self.shapeLayer.path      = [self calculatePathWithPoint:CGPointMake(Width / 2.f, Height / 2.f)].CGPath;
    [self.contentView.layer addSublayer:self.shapeLayer];
    
    
    
    self.pointView        = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 4, 4)];
    [self.pointView setBackgroundColor:[UIColor blackColor]];
    self.pointView.center = self.contentView.center;
    [self.contentView addSubview:self.pointView];
    
    self.displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(displayLinkEvent)];
    [self.displayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSDefaultRunLoopMode];
    
    UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureEvent:)];
    [self.contentView addGestureRecognizer:panGesture];
    
}

- (UIBezierPath *)calculatePathWithPoint:(CGPoint)point {
    
    UIBezierPath *path = [UIBezierPath bezierPath];
    
    [path moveToPoint:CGPointMake(0, Height / 2.f)];
    [path addLineToPoint:CGPointMake(0, Height)];
    [path addLineToPoint:CGPointMake(Width, Height)];
    [path addLineToPoint:CGPointMake(Width, Height / 2.f)];
    [path addQuadCurveToPoint:CGPointMake(0, Height / 2.f)
                 controlPoint:point];
    
    return path;
}

- (void)panGestureEvent:(UIPanGestureRecognizer *)panGesture {
    
    CGPoint point          = [panGesture locationInView:panGesture.view];
    CGPoint calculatePoint = CGPointMake((point.x + _centerPoint.x) / 5.f, (point.y + _centerPoint.y) / 5.f);
    
    if (panGesture.state == UIGestureRecognizerStateChanged) {
        
        self.shapeLayer.path  = [self calculatePathWithPoint:calculatePoint].CGPath;
        self.pointView.center = calculatePoint;
        
    } else if (panGesture.state == UIGestureRecognizerStateCancelled ||
               panGesture.state == UIGestureRecognizerStateEnded ||
               panGesture.state == UIGestureRecognizerStateFailed) {
                
        [UIView animateWithDuration:1.0 delay:0.0 usingSpringWithDamping:0.25f initialSpringVelocity:0
                            options:UIViewAnimationOptionCurveEaseInOut
                         animations:^{
                             
                             self.pointView.center = self.contentView.center;
                             
                         } completion:nil];
    }
}

- (void)displayLinkEvent {
    
    CALayer *layer       = self.pointView.layer.presentationLayer;
    self.shapeLayer.path = [self calculatePathWithPoint:layer.position].CGPath;
}

- (void)viewDidDisappear:(BOOL)animated {

    [self.displayLink invalidate];
    [super viewDidDisappear:animated];
}

@end