获取标签动画与Phibrow App相同

Question

我想创建与Phibrow App相同的动画.有关详细信息,请参阅以下视频: - https://www.dropbox.com/s/wwc69a9ktaa52je/IMG_0155.MOV?dl=0

我试图用这个动画制作UIPinchGestureRecognizer,UIRotationGestureRecognizer和UIPanGestureRecognizer.但还不能得到这个动画.

func handlePinchGesture(gesture: UIPinchGestureRecognizer) {
    if gesture.state == UIGestureRecognizerState.began || gesture.state == UIGestureRecognizerState.changed{
        //print("UIPinchGestureRecognizer")

        gesture.view?.transform = (gesture.view?.transform)!.scaledBy(x: gesture.scale, y: gesture.scale)
        gesture.scale = 1.0
    }
}


func handleRotationGesture(gesture: UIRotationGestureRecognizer) {
    if gesture.state == UIGestureRecognizerState.began || gesture.state == UIGestureRecognizerState.changed{
        print("UIRotationGestureRecognizer : ", gesture.rotation)
        gesture.view?.transform = (gesture.view?.transform)!.rotated(by: gesture.rotation)
        gesture.rotation = 0
    }
}

func handlePanGesture(gesture: UIPanGestureRecognizer) {
    if gesture.state == UIGestureRecognizerState.began || gesture.state == UIGestureRecognizerState.changed{
        //print("UIPanGestureRecognizer")
        let translation = gesture.translation(in: view)
        gesture.view?.transform = (gesture.view?.transform)!.translatedBy(x: translation.x, y: translation.y)
        gesture.setTranslation(CGPoint(x: 0, y: 0), in: view)
    }
}

有没有办法获得这个动画？

Answer 1

我看到的问题是翻译是像gesture.translation(in: view)在某些坐标系中检索的view。view你的例子中的是a 吗gesture.view.superview？gesture.view您感兴趣的是在其坐标系中移动了多少superview，因此这个条件必须为 true：view == gesture.view.superview。

第二个问题是翻译transform- 当旋转和/或比例不一致时，它不会正确。要正确移动gesture.view，您应该更改其center位置，无论视图旋转或缩放如何，该位置都将保持正确：

func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    panRecognizer.setTranslation(panRecognizer.view.center, in: panRecognizer.view.superview)
}

func handlePanGesture(gesture: UIPanGestureRecognizer) {
    let translation = gesture.translation(in: gesture.view.superview)
    gesture.view.center = translation
}