美文网首页
Swift 贝塞尔曲线动画案例

Swift 贝塞尔曲线动画案例

作者: CYC666 | 来源:发表于2023-03-22 13:08 被阅读0次

        // 创建CAShapeLayer对象,并设置其路径
        let shapeLayer = CAShapeLayer()
        shapeLayer.strokeColor = UIColor.blue.cgColor
        shapeLayer.lineWidth = 2.0
        shapeLayer.fillColor = UIColor.clear.cgColor
        kPManager.window.layer.addSublayer(shapeLayer)

        // 创建CABasicAnimation对象,并设置其路径属性、持续时间等属性
        let fromPath = UIBezierPath(arcCenter: CGPoint(x: 0, y: 300), radius: 10, startAngle: 0, endAngle: CGFloat(Double.pi * 2), clockwise: true)
        let toPath = UIBezierPath(arcCenter: CGPoint(x: 400, y: 300), radius: 30, startAngle: 0, endAngle: CGFloat(Double.pi * 2), clockwise: true)

        let animation = CABasicAnimation(keyPath: "path")
        animation.duration = 2.0
        animation.fromValue = fromPath.cgPath
        animation.toValue = toPath.cgPath
        animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)

        // 将动画添加到CAShapeLayer对象中,并启动动画
        shapeLayer.add(animation, forKey: "pathAnimation")
        
        DispatchQueue.main.asyncAfter(deadline: .now() + 4.0) {
            
            shapeLayer.removeFromSuperlayer()
        }

相关文章

  • 贝塞尔曲线

    实现1-7阶贝塞尔曲线的形成动画 自定义View——贝塞尔曲线

  • iOS-UIBezierPath动画之果冻动画

    我们今天做一个简单的贝塞尔曲线动画,做这个动画之前,我们要对UIBezierPath有简单的了解。贝塞尔曲线基础知...

  • android 水波纹+小船漂浮实现

    如图 实现思路贝塞尔曲线+属性动画 1:先画曲线 曲线类似正弦函数曲线,所以也就是画贝塞尔曲线。如何做到流动的效果...

  • 购物车动画

    使用贝塞尔曲线实现购物车抛物线动画关键步骤 使用path 构建贝塞尔曲线 使用PathMeasure计算曲线上每个...

  • Bezier曲线

    参考自iOS开发 贝塞尔曲线UIBezierPath和iOS-UI进阶13 - 贝塞尔曲线和帧动画结合 使用UIB...

  • Android贝塞尔曲线相关资料

    资料整理: Android-贝塞尔曲线 贝塞尔曲线扫盲 练习贝塞尔曲线 贝塞尔曲线绘制在线演示(带坐标) 生成三阶...

  • 贝塞尔曲线

    有一种动画是跟着一条轨迹走的,又叫曲线动画,曲线有很多种,最著名的是贝塞尔曲线。什么是贝塞尔曲线,最简单的就是你用...

  • ios知识点(7)贝塞尔曲线

    贝塞尔曲线扫盲iOS UIBezierPath贝塞尔曲线常用方法iOS UIBezierPath(贝塞尔曲线)iO...

  • Android自定义View实现仿美团底部导航动画

    目录 效果展示 实现原理 这个效果主要是运用了贝塞尔曲线、自定义ViewGroup以及动画的知识。1.贝塞尔曲线(...

  • 二次贝塞尔曲线绘制原理讲解

    二次贝塞尔曲线 贝塞尔曲线简介 贝塞尔曲线(Bézier curve),又称贝兹[http://baike.bai...

网友评论

      本文标题:Swift 贝塞尔曲线动画案例

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