当前位置：首页 > 编程日记 > 正文

贝塞尔结合CAShapeLayer绘制路线,CABasicAnimation实现的小动画

编程日记 2024-06-23 02:50:00

最近项目需求,做的一个标识正在直播的小动画,代码如下:

#import "YGIsOnLiveAnmationView.h"

@interface YGIsOnLiveAnmationView ()

@property (strong, nonatomic) CAShapeLayer * progressLayer;
@property (strong, nonatomic) CAShapeLayer * triangleLayer;

@property (strong, nonatomic) CABasicAnimation *rotateAnimation;

@property (assign, nonatomic) CGFloat progressLineWidth;

@property (strong, nonatomic) UIColor * progressLineColor;

@end

@implementation YGIsOnLiveAnmationView

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

- (instancetype)initWithFrame:(CGRect)frame lineWidth:(CGFloat)lineWidth lineColor:(UIColor *)lineColor {

    self = [self initWithFrame:frame];

    if (self) {

        self.progressLineWidth = lineWidth;
        self.progressLineColor = lineColor;

        [self.layer addSublayer:self.progressLayer];
        [self.layer addSublayer:self.triangleLayer];
    }

    return self;
}

- (void)startProgressAnimation {
    [self.progressLayer addAnimation:self.rotateAnimation forKey:@"group"];
}

//画三角形
- (CAShapeLayer *)triangleLayer {

    if (!_triangleLayer) {

        _triangleLayer     = [CAShapeLayer layer];

        UIBezierPath *path = [UIBezierPath bezierPath];

        CGFloat X = self.center.x;
        CGFloat Y = self.center.y;

        [path moveToPoint   :CGPointMake(X-3, Y-5)];
        [path addLineToPoint:CGPointMake(X-3, Y+5)];
        [path addLineToPoint:CGPointMake(X+5, Y)];

        [path closePath];
        [self.progressLineColor setFill];
        [path fill];

        _triangleLayer.path = path.CGPath;
    }
    return _triangleLayer;
}

//画进度
- (CAShapeLayer *)progressLayer {
    if (!_progressLayer) {
        _progressLayer = [CAShapeLayer layer];

        CGFloat width           = CGRectGetWidth(self.frame);
        CGFloat height          = CGRectGetHeight(self.frame);

        _progressLayer.frame    = CGRectMake(0, 0, width, height);
        _progressLayer.position = CGPointMake(width/2.0,height/2.0);

        UIBezierPath *aPath     = [UIBezierPath bezierPathWithArcCenter:CGPointMake(width/2.0, height/2.0)
                                                             radius:(width - self.progressLineWidth)/2.0
                                                         startAngle:0
                                                           endAngle:M_PI_4 * 7
                                                          clockwise:YES];
        [aPath stroke];

        _progressLayer.path        = aPath.CGPath;
        _progressLayer.fillColor   = [UIColor clearColor].CGColor;
        _progressLayer.lineWidth   = self.progressLineWidth;
        _progressLayer.strokeColor = self.progressLineColor.CGColor;
        _progressLayer.lineCap     = kCALineCapRound;
    }
    return _progressLayer;
}

- (CABasicAnimation *)rotateAnimation {
    if (!_rotateAnimation) {
        _rotateAnimation                     = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
        _rotateAnimation.timingFunction      = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
        _rotateAnimation.toValue             = @(M_PI * 2);
        _rotateAnimation.fromValue           = @(0);
        _rotateAnimation.duration            = 1;
        _rotateAnimation.removedOnCompletion = NO;
        _rotateAnimation.repeatCount         = FLT_MAX;
    }
    return _rotateAnimation;
}

@end

https://www.dkcj.cn/info/11912.html

贝塞尔结合CAShapeLayer绘制路线,CABasicAnimation实现的小动画

相关文章：

区块链和可持续性

eclipse中maven打包

2014年国内最热门的.NET开源平台

从 PoS 进化 SPoS：无能耗共识机制

Linux运维跳槽必备的40道面试精华题

Oracle Sales Cloud 实施（二）

修改系统tabbar的高度

区块链技术的标准化和颠覆性

RHEL/CentOS通用性能优化、安全配置参考

关于Cocoa Pods的升级安装和使用说明

Linux使用netstat命令查看并发连接数

深入挖掘Hyperledger Fabric中的私有数据

几种任务调度的 Java 实现方法与比较

7.Mongodb复制（副本集）

关于iOS10的适配

分布式系统中节点之间的同步形成区块链

hdu 2199 Can you solve this equation? 二分

iOS iTunes Connect协议更新导致无法构建新版本

白话hash和数字签名，保证你看得懂

几种Windows进程通信

TestNG学习随笔

录制短视频的录制按钮边框计时效果

区块链学堂：区块链引子

Git命令文本手册

Mininet的介绍安装

项目的简单总结一 -- 关于对贝塞尔和shapelayer结合使用的动画特效

内部区块链的优缺点

Spring框架系列之AOP思想

jstack 使用(转)

ios TableView编辑状态多选框的修改