使用panGesture iOS的交互式动画

Question

我有一个工作表视图，其上边缘始终位于父视图中心。

我允许它使用平移手势垂直拖动，当手势结束时，我将 sheetView 动画化回父视图的中心。

但是我想在 sheetView 仍在制作动画时与它进行交互，并在平移时垂直更改其位置，但我无法做到，它总是完成当前动画，然后开始下一个动画。

override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
sheetView.frame = CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height)
middlePoint = CGPoint(x: view.bounds.midX, y: view.bounds.height)
sheetView.center = middlePoint
}
@IBAction func handlePan(_ sender: UIPanGestureRecognizer) {
let recognizer = sender
let translation = recognizer.translation(in: self.view)
if recognizer.state == .began {
if animator.isRunning {
animator.stopAnimation(true)
}
animator.addAnimations {
self.sheetView.center = self.middlePoint
}
animator.pauseAnimation()
} else if recognizer.state == .changed {
self.sheetView.center.y += translation.y
} else if recognizer.state == .ended || recognizer.state == .cancelled {
if animator.isRunning {
animator.stopAnimation(true)
}
animator.addAnimations {
self.sheetView.center = self.middlePoint
}
animator.startAnimation()
}
recognizer.setTranslation(CGPoint.zero, in: self.view)
}

您可以在此处找到整个项目： 工作表视图

Answer 1

这是因为您总是在应用动画。即使在移动视图时，也不是必需的。该动画会在您移动视图时导致中断。

@IBAction func handlePan(_ sender: UIPanGestureRecognizer) {
let recognizer = sender
let translation = recognizer.translation(in: self.view)
if recognizer.state == .began{
self.sheetView.center = self.middlePoint
} else if recognizer.state == .changed{
self.sheetView.center.y += translation.y
}else if recognizer.state == .ended || recognizer.state == .cancelled{
if animator.isRunning{
animator.stopAnimation(true)
}
animator.addAnimations {
self.sheetView.center = self.middlePoint
}
animator.startAnimation()
}
recognizer.setTranslation(CGPoint.zero, in: self.view)
}

Answer 2

@objc func panGestureAction(_ gestureRecognizer ： UIPanGestureRecognizer( {

guard gestureRecognizer.view != nil else {return}
let directionVelocity = gestureRecognizer.velocity(in: myView)
switch gestureRecognizer.state {
case .changed:
if directionVelocity.x > 0 {
//print("swipe right")
}
if directionVelocity.x < 0 {
//print("swipe left")
}
if directionVelocity.y > 0 {
//print("swipe down")
}
if directionVelocity.y < 0 {
//print("swipe up")
}
break
case .ended :
//print(“Ended”)  
default:
break
}
}

我希望它对你有所帮助。