試圖對 object 進行 360 度旋轉

Question

我的 swift 代碼正在嘗試對名為 box 的圖像視圖進行 360 度旋轉。 但是代碼確實會旋轉，因為我正在使用代碼 self.box.transform = self.box.transform.rotated(by: CGFloat.pi * 2) 進行 360 度旋轉。 Pi *2 是 360 度旋轉，所以我認為它可能會以某種方式混淆編譯。 就像輪換已經發生了一樣。 代碼應該繞圈一圈。

import UIKit

class ViewController: UIViewController {
    var box = UIImageView()
    var box1 = UIImageView()

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        view.setNeedsLayout()
        view.layoutIfNeeded()

        self.box.setAnchorPoint(anchorPoint: CGPoint(x: 0.5, y: 1))
        Rotate()
    }
    override func viewDidLoad() {
        super.viewDidLoad()

        box.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(box)
        box.backgroundColor = .systemPink
        box1.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(box1)
        box1.backgroundColor = .purple





        NSLayoutConstraint.activate([
            box.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.25),
            box.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.25),
            box.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            box.bottomAnchor.constraint(equalTo: view.centerYAnchor),

            box1.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.05),
            box1.widthAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.05),
            box1.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            box1.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
        // Do any additional setup after loading the view.
    }


    func Rotate(){

        let   rotation = UIViewPropertyAnimator(duration: 5, curve: .linear, animations: {

            self.box.transform = self.box.transform.rotated(by: CGFloat.pi * 2)

        })
        rotation.startAnimation()

    }





}

extension UIView{
    func setAnchorPoint(anchorPoint: CGPoint) {

        var newPoint = CGPoint(x: self.bounds.size.width * anchorPoint.x, y: self.bounds.size.height * anchorPoint.y)
        var oldPoint = CGPoint(x: self.bounds.size.width * self.layer.anchorPoint.x, y: self.bounds.size.height * self.layer.anchorPoint.y)

        newPoint = newPoint.applying(self.transform)
        oldPoint = oldPoint.applying(self.transform)

        var position : CGPoint = self.layer.position

        position.x -= oldPoint.x
        position.x += newPoint.x;

        position.y -= oldPoint.y;
        position.y += newPoint.y;

        self.layer.position = position;
        self.layer.anchorPoint = anchorPoint;
    }
}

Answer 1

對於變換，核心 Animation 計算實現旋轉的最短路徑。 對於 360 度旋轉，最短路徑是什么都不做。 這里有一個解決方法，解釋了如何執行基本相同的 animation。