Swift游戏开发之俄罗斯方块:No.9 添加点击和移动事件

本节内容过后,我们的程序运行起来将是这样的:

技术分享

我们一步一步来,首先添加点击事件:

接触过iOS开发的应该对这些步骤不陌生,我们要添加UITapGestureDetector到view里面。

打开Main.storyboard,界面应该类似于下面这样

技术分享

在右下角通过搜索找到 Tap Gesture Recognizer 然后把它拖入到GameViewControllerScene 里面

技术分享

接下来打开Assistant Editor,界面看起来是这样的:

技术分享

按住ctrl将Tap Gesture Recognizer 拖入到右侧的GameViewController中

技术分享

确保你的Connection类型是Action,Name 是 didTap, Type为UITapGestureRecognizer, 之后点击connect,在GameViewController类中应该会添加下面的代码:

技术分享 

这样当点击事件被识别的时候,这个函数将会被执行。接下来我们在这个界面右键点击Tap Gesture Recognizer,把outlets的delegate赋给Game View Controller 

技术分享

就像给GameViewController添加swiftris代理一样,我们再添加上手势的代理吧

技术分享

接下来运行我们的程序,看看点击屏幕以后,我们的俄罗斯方块能不能旋转。我们的程序应该是这样的:

技术分享

接下来,我们还需要添加两个手势,添加的过程和Tap Gesture 一模一样。

我们先来添加Pan,也就是移动,确保你的didPan函数和下面的一样:

技术分享


#1 我们定义个panPointReference点来追踪pan手势的位置。

#2 我们把起始点位置记录下来,然后在#3中计算当前的位置有没有和起始点相差绝对值(abs)超过0.9个block,如果超过了,就执行移动命令

#4可以通过velocityInView来判断手势的方向,正值是向右,负值是向左,然后我们把swiftris向对应的方向移动一格。并且把当前的位置设置成开始的位置,这样确保用户一次可以移动好几格。

但是我在后来玩游戏的过程中发现,很容易移动超过自己想象的位置,而且如果在后面的swipe动作中很容易出发pan,因为0.9个blocksize其实是很小的位置。不过这都不是问题,我们知道了原理,怎样调整就随意了!

接下来运行一下程序,看看是不是我们想象的那样定的吧

技术分享

接下来我们来完成swipe手势,swipe就是我们移动的时候,方块可以直接快速沿着这个方向移动。重复同样的步骤建立Swipe Gesture Recognizer,name为didSwipe, 需要多一个步骤,如下图所示

技术分享

确保swipe方向是down。

接下来我们开始修改GameViewController

技术分享

我们重新输入下#1和#2中没有显示完全的代码

 func gestureRecognizer(gestureRecognizer: UIGestureRecognizer!, shouldRecognizeSimultaneouslyWithGestureRecognizer otherGestureRecognizer: UIGestureRecognizer!) -> Bool {
         return true
     }

// #2
     func gestureRecognizer(gestureRecognizer: UIGestureRecognizer!, shouldBeRequiredToFailByGestureRecognizer otherGestureRecognizer: UIGestureRecognizer!) -> Bool {
         if let swipeRec = gestureRecognizer as? UISwipeGestureRecognizer {
             if let panRec = otherGestureRecognizer as? UIPanGestureRecognizer {
                 return false
             }
         } else if let panRec = gestureRecognizer as? UIPanGestureRecognizer {
             if let tapRec = otherGestureRecognizer as? UITapGestureRecognizer {
                 return true
             }
         }
         return false
     }

#1 部分允许我们的手势同时执行,当然,有些时候我们的手势可能会冲突,所以需要在做些调整

注意到在#2中 如果当前手势是swipe而panRec 手势是otherGestureRecognizer时,在我的代码里面需要return false, 因为我刚开始发现如果是return ture,那么swipe手势一直没法识别,因为它被pan覆盖掉了。而改成false后就正常了。这里算是原版教材俩面的第2 处错误。

大家也可以试试是不是这样的


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。