动画 UIView 时的奇怪效果

Question

我正在让方块出现在屏幕顶部，一直运行直到它们到达底部然后消失。这是在 ViewController 的视图中添加一个新的 UIView 完成的，然后在动画完成后，将其从子视图数组中删除。为了给这一切增添一些美感，我在创建时使用 CGAffineTransform 应用随机旋转。

这里奇怪的是，当它们移动时，它们会随机缩放！我知道这一定和旋转有关，因为如果我不应用它，所有的方块都会完美移动而不会缩放，但是当我应用它时，它就会发生，所以......

我希望有人可以测试它并告诉我发生了什么...为什么正方形会缩放？？？

这是代码：

import UIKit

class ViewController: UIViewController {

    var timer: Timer!

    override func viewDidLoad() {
        timer = Timer.scheduledTimer(
            timeInterval: 1,
            target: self,
            selector: #selector(createView),
            userInfo: nil,
            repeats: true
        )
    }

    @objc private func createView () {
        let v = UIView(frame: CGRect(
            x: self.view.bounds.width / 2 - 50,
            y: -100,
            width: 100,
            height: 100
        ))
        v.backgroundColor = UIColor.red
        v.transform = CGAffineTransform(
            rotationAngle: CGFloat(Double(arc4random_uniform(360)) * M_PI / 180)
        )
        self.view.addSubview(v)

        UIView.animate(withDuration: 5, delay: 0, options: [.curveLinear], animations: {
            v.frame.origin.y = self.view.bounds.height
        }, completion: {
            _ in
            v.removeFromSuperview()
        })

        print(self.view.subviews.count)
    }

}

Answer 1

动画俱乐部的第一条规则是当你改变它的变换时不要操纵视图的框架。

如果视图的变换不是恒等变换，则框架是未定义的，尝试更改框架将导致未定义的行为。听起来您正在经历一些未定义的行为。

您应该重构代码以操作视图的中心属性而不是框架，或者使用变换应用偏移量，但这很棘手，因为旋转会改变偏移量的参考框架。

我建议调整视图的 center 属性。