Xcode & Swift - 在 UIScrollView 内检测用户对 UIView 的触摸

Question

我正在创建一个类似于 Flappy Bird 的游戏，但用户将手指放在屏幕上并躲避障碍物，而不是点击让小鸟飞起来。

我通过一个 UIScrollView 来做到这一点，其中 UIView 被用作障碍物。当用户触摸 UIView 时，游戏结束。

如何从 UIScrollView 中检测用户对 UIView 的触摸？我正在使用带有 Xcode Beta 4 的 Swift。

编辑：这是游戏截图

如您所见，用户在向上滚动时在灰色块 (UIView) 之间移动手指。

Answer 1

通过将滚动视图的userInteractionEnabled 设置为NO，视图控制器将开始接收触摸事件，因为UIViewController 是UIResponder 的子类。您可以在视图控制器中覆盖这些方法中的一个或多个以响应这些触摸：

• touchesBegan: withEvent:
• touchesMoved: withEvent:
• touchesEnded: withEvent:
• touchesCancelled: withEvent:

我创建了一些示例代码来演示如何做到这一点：

class ViewController: UIViewController {
    @IBOutlet weak var scrollView: UIScrollView!

    // This array keeps track of all obstacle views
    var obstacleViews : [UIView] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        // Create an obstacle view and add it to the scroll view for testing purposes
        let obstacleView = UIView(frame: CGRectMake(100,100,100,100))
        obstacleView.backgroundColor = UIColor.redColor()
        scrollView.addSubview(obstacleView)

        // Add the obstacle view to the array
        obstacleViews += obstacleView
    }

    override func touchesBegan(touches: NSSet!, withEvent event: UIEvent!) {
        testTouches(touches)
    }

    override func touchesMoved(touches: NSSet!, withEvent event: UIEvent!) {
        testTouches(touches)
    }

    func testTouches(touches: NSSet!) {
        // Get the first touch and its location in this view controller's view coordinate system
        let touch = touches.allObjects[0] as UITouch
        let touchLocation = touch.locationInView(self.view)

        for obstacleView in obstacleViews {
            // Convert the location of the obstacle view to this view controller's view coordinate system
            let obstacleViewFrame = self.view.convertRect(obstacleView.frame, fromView: obstacleView.superview)

            // Check if the touch is inside the obstacle view
            if CGRectContainsPoint(obstacleViewFrame, touchLocation) {
                println("Game over!")
            }
        }
    }

}

Answer 2

您可以按如下方式以编程方式添加手势识别器

var touch = UITapGestureRecognizer(target:self, action:"action")
scrollView.addGestureRecognizer(touch)

但是，此手势识别器不适用于您。 UITapGestureRecognizer 只会在点击时返回，而不是点击并按住，并且 UILongPressGestureRecognizer 不会提供有关位置的信息，因此您想使用 UIPanGestureRecognizer。它不断地告诉您触摸移动了多远。

var touch = UIPanGestureRecognizer(target:self, action:"handlePan")
scrollView.addGestureRecognizer(touch)

@IBAction func handlePan(recognizer:UIPanGestureRecognizer) {
    let translation = recognizer.translationInView(self.view)
    recognizer.setTranslation(CGPointZero, inView: self.view)
}

您可以使用常量“平移”来移动对象，它表示人滑动手指的距离。使用它加上你的鸟的位置将鸟移动到一个新的点。调用此函数后，您必须将翻译重置为零。

编辑：根据你的游戏格式，这段代码应该是最好的方法。

所以，总而言之，找到手指位置的代码应该如下。

override func touchesBegan(touches: NSSet, withEvent event: UIEvent) {
    for touch: AnyObject in touches {
        let location = touch.locationInView(yourScrollView)
    }
}


@IBAction func handlePan(recognizer:UIPanGestureRecognizer) {
    let translation = recognizer.translationInView(self.view)
    var currentLocation : CGPoint = CGPointMake(location.x+translation.x, location.y+translation.y)
    recognizer.setTranslation(CGPointZero, inView: self.view)
}

currentLocation 是一个包含当前触摸位置的 CGPoint，即手指滑动到的位置。由于我不知道您是如何创建要避免的视图，因此您必须使用 currentLocation 的 y 坐标来确定要在该 y 处避免的视图的 x 边界，并使用 比较器来确定如果触摸的 x 边界在其中任何一个视图内。

注意：您必须声明位置，以便可以在 handlePan 中访问它

var location : CGPoint = CGPointZero