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 处错误。
大家也可以试试是不是这样的
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。