美文网首页
路径动画

路径动画

作者: 七里田间的守望者 | 来源:发表于2016-11-17 17:08 被阅读17次

自定义view

-懒加载路径

@property (nonatomic, strong) UIBezierPath * path;
- (UIBezierPath *)path
{
    if (_path == nil) {
        _path = [UIBezierPath bezierPath];
        _path.lineWidth = 10;
    }
    return _path;
}

-触摸方法

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    UITouch * touch = [touches anyObject];
    
    //获取手指的触摸点
    CGPoint curP = [touch locationInView:self];
    
    [self.path moveToPoint:curP];
    
    [self setNeedsDisplay];
    
}

-移动手指把路径添加到path中

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
    UITouch * touch = [touches anyObject];
    
    //获取手指的触摸点
    CGPoint curP = [touch locationInView:self];
    
    [self.path addLineToPoint:curP];
    
    [self setNeedsDisplay];
}

-开始绘制

- (void)drawRect:(CGRect)rect
{
    [self.path stroke];
}

-开始动画点击

- (void)startAnima
{
    //跟随路径动画
    //图层
    CAShapeLayer * layer = [CAShapeLayer layer];
    
    layer.path = self.path.CGPath;
    
    layer.lineWidth = 10;
    
    layer.fillColor = [UIColor whiteColor].CGColor;
    
    layer.strokeColor = [UIColor redColor].CGColor;
    
    
    [self.layer addSublayer:layer];
    
    CABasicAnimation * anima = [CABasicAnimation animation];
    
    anima.keyPath = @"strokeEnd";
    anima.fromValue = @0;
    anima.toValue = @1;
    anima.duration = 5;
    
    [layer addAnimation:anima forKey:nil];
    
    //清空划线
    [self.path removeAllPoints];
    
}

相关文章

  • 路径动画

    自定义view -懒加载路径 -触摸方法 -移动手指把路径添加到path中 -开始绘制 -开始动画点击

  • 路径动画

    点击按钮开始 描绘上面的路径动画

  • cocos creator动画编辑器编辑地图路径

    思路 1、利用动画编辑器,设置一个路径,多个路径就编辑多个动画 2、用特定的代码对动画进行处理,获取到路径坐标,大...

  • iOS路径动画创建

    //路径动画,三步曲 //1,创建路径path1, //2,创建视图view //3,创建关键帧动画animati...

  • 路径动画(波浪)

  • SVG 路径动画

    简单百搭普普通通平平无奇 SVG 路径动画优化网站效果, 如何实现一个 SVG 进度条动画以及虚线走马灯动画 我习...

  • 动画

    CABasicAnimation基础核心动画 缩放动画 图片抖动 根据圆形的路径做移动的效果. 转场动画 创建转场...

  • CAKeyframeAnimation

    动画分类: CAKeyframeAnimation:属性说明: path: 路径 calculationMode:...

  • 浅谈swift动画(四)

    CAKeyframeAnimation 1.透明度动画 2.路径动画 动画组 1.旋转缩小平移 2.按钮点击

  • Android的View动画

    View动画 建议采用XML来定义动画文件路径(res/anim/filename.xml) 包括四种动画 平移动...

网友评论

      本文标题:路径动画

      本文链接:https://www.haomeiwen.com/subject/zxodpttx.html