• swift之水纹动画


    import UIKit

    class CVLayerView: UIView {

        var pulseLayer : CAShapeLayer!  //定义图层

        

        override init(frame: CGRect) {

            super.init(frame: frame)

            let width = self.bounds.size.width

            

            // 动画图层

            pulseLayer = CAShapeLayer()

            pulseLayer.bounds = CGRect(x: 0, y: 0, width, height: width)

            pulseLayer.position = CGPoint(x: width/2, y: width/2)

            pulseLayer.backgroundColor = UIColor.clear.cgColor

            // 用BezierPath画一个原型

            pulseLayer.path = UIBezierPath(ovalIn: pulseLayer.bounds).cgPath

            // 脉冲效果的颜色  (注释*1)

            pulseLayer.fillColor = UIColor.init(r: 213, g: 54, b: 13).cgColor

            pulseLayer.opacity = 0.0

            

            // 关键代码

            let replicatorLayer = CAReplicatorLayer()

            replicatorLayer.bounds = CGRect(x: 0, y: 0, width, height: width)

            replicatorLayer.position = CGPoint(x: width/2, y: width/2)

            replicatorLayer.instanceCount = 3  // 三个复制图层

            replicatorLayer.instanceDelay = 1  // 频率

            replicatorLayer.addSublayer(pulseLayer)

            self.layer.addSublayer(replicatorLayer)

            self.layer.insertSublayer(replicatorLayer, at: 0)

        }

        

        func starAnimation() {

            // 透明

            let opacityAnimation = CABasicAnimation(keyPath: "opacity")

            opacityAnimation.fromValue = 1.0  // 起始值

            opacityAnimation.toValue = 0     // 结束值

            

            // 扩散动画

            let scaleAnimation = CABasicAnimation(keyPath: "transform")

            let t = CATransform3DIdentity

            scaleAnimation.fromValue = NSValue(caTransform3D: CATransform3DScale(t, 0.0, 0.0, 0.0))

            scaleAnimation.toValue = NSValue(caTransform3D: CATransform3DScale(t, 1.0, 1.0, 0.0))

            

            // 给CAShapeLayer添加组合动画

            let groupAnimation = CAAnimationGroup()

            groupAnimation.animations = [opacityAnimation,scaleAnimation]

            groupAnimation.duration = 3   //持续时间

            groupAnimation.autoreverses = false //循环效果

            groupAnimation.repeatCount = HUGE

            groupAnimation.isRemovedOnCompletion = false

            pulseLayer.add(groupAnimation, forKey: nil)

        }

        

        

        required init?(coder aDecoder: NSCoder) {

            super.init(coder: aDecoder)

        }

    }

    使用方法

    let waveView = CVLayerView(frame: CGRect(x: margin*CGFloat(index)*2+margin/2, y: 10, margin, height: margin))

                    waveView.center = button.center

                    // 因为我的VC是XIB  所以将图层添加在到按钮之下 一般用法就直接addSubview就可以了

    //                self.insertSubview(waveView, belowSubview: button)

                    self.addSubview(waveView)

                    waveView.starAnimation()  // 开始动画

  • 相关阅读:
    【转】C++多继承的细节
    【转】CVE-2010-4258 漏洞分析
    【转】cve-2013-2094 perf_event_open 漏洞分析
    android CVE 漏洞汇总
    ExecutorService中submit和execute的区别
    线程池之ThreadPoolExecutor使用
    postman接口自动化,环境变量的用法详解(附postman常用的方法)转
    件测试专家分享III GUI自动化测试相关
    Linux上运行Jmeter
    时间复杂度和空间复杂度计算
  • 原文地址:https://www.cnblogs.com/sundaysme/p/10615635.html
Copyright © 2020-2023  润新知