OGeek|极客世界-中国程序员成长平台

标题: ios - 在 iOS 中逐渐添加矩形动画 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 14:24
标题: ios - 在 iOS 中逐渐添加矩形动画

我在 Xcode 中有一个单 View 应用程序，并在 ViewController.swift 中执行以下操作。我的目标是让屏幕在 5 秒内逐渐填满棕色矩形。我错过了什么还是方法完全错误？

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    let expandAnimation: CABasicAnimation = CABasicAnimation(keyPath: "path")
    expandAnimation.fromValue = UIBezierPath(rect: CGRect(x: 0.0, y: 0.0, width: 0.0, height: 0.0))
    expandAnimation.toValue = UIBezierPath(rect: CGRect(x: 0.0, y: 0.0, width: self.view.bounds.size.width, height: self.view.bounds.size.height))
    expandAnimation.duration = 5.0
    expandAnimation.fillMode = kCAFillModeForwards
    expandAnimation.isRemovedOnCompletion = false
    let rectLayer: CAShapeLayer = CAShapeLayer()
    rectLayer.fillColor = UIColor.brown.cgColor
    rectLayer.path = UIBezierPath(rect: CGRect(x: 0.0, y: 0.0, width: 0.0, height: 0.0)).cgPath
    rectLayer.add(expandAnimation, forKey: nil)
    self.view.layer.addSublayer(rectLayer)
}

我不希望颜色逐渐出现。我想要一种玻璃填充的效果。想象一下这个

除了花哨的波浪效果。

---

Best Answer-推荐答案

更好地理解您的问题后，您想模拟水杯的归档(没有波浪的动画)，您可以通过以下方式实现:

    let myLayer: CALayer = .init()
    myLayer.backgroundColor = UIColor.red.cgColor
    self.view.layer.addSublayer(myLayer)

    func animateFilling(to view:UIView)
    {
        var mFrame = CGRect(x: 0, y: view.frame.size.height, width: view.frame.size.width, height: 0)
        myLayer.frame = mFrame
        let fillingAnim = CABasicAnimation(keyPath: "bounds")
        fillingAnim.fillMode = kCAFillModeForwards
        fillingAnim.fromValue = mFrame
        fillingAnim.duration = 2
        fillingAnim.isRemovedOnCompletion = false
        mFrame.size.height = 1000
        fillingAnim.toValue = mFrame
        myLayer.add(fillingAnim, forKey: nil)
    }

关于ios - 在 iOS 中逐渐添加矩形动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47988399/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4