在 iPhone 或 iPad 的开发中,除了用 touchesBegan / touchesMoved / touchesEnded 这组方法来控制使用者的手指触控外,也可以用 UIGestureRecognizer 的衍生类別来进行判断。用 UIGestureRecognizer 的好处在于有现成的手势,开发者不用自己计算手指移动轨迹。UIGestureRecognizer的衍生类別有以下几种:
1、拍击UITapGestureRecognizer (任意次数的拍击)
2、向里或向外捏UIPinchGestureRecognizer (用于缩放)
3、摇动或者拖拽UIPanGestureRecognizer
4、擦碰UISwipeGestureRecognizer (以任意方向)
5、旋转UIRotationGestureRecognizer (手指朝相反方向移动)
6、长按UILongPressGestureRecognizer
从命名上不难了解這些类別所对应代表的手势,分別是 Tap(点一下)、Pinch(二指往內或往外拨动)、Rotation(旋转)、Swipe(滑动,快速移动)、Pan (拖移,慢速移动)以及 LongPress(长按)。這些手势別在使用上也很简单,只要在使用前定义并添加到对应的视图上即可。
// 定义一个 recognizer, 并加到需要偵測该手势的 UIView 元件上
- (void)viewDidLoad {
UISwipeGestureRecognizer* recognizer;
// handleSwipeFrom 是偵測到手势,所要呼叫的方法
recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:selfaction:@selector(handleSwipeFrom)];
// 不同的 Recognizer 有不同的实体变数
// 例如 SwipeGesture 可以指定方向
// 而 TapGesture 則可以指定次數
recognizer.direction = UISwipeGestureRecognizerDirectionUp
[self.view addGestureRecognizer:recognizer];
[recognizer release];
}
- (void)handleSwipeFrom:(UISwipeGestureRecognizer*)recognizer {
// 触发手勢事件后,在这里作些事情
// 底下是刪除手势的方法
[self.view removeGestureRecognizer:recognizer];
}
问题來了。有些手势其实是互相关联的,例如 Tap 与 LongPress、Swipe与 Pan,或是 Tap 一次与Tap 兩次。当一個 UIView 同时添加兩个相关联的手势时,到底我这一下手指头按的要算是 Tap 还是 LongPress?如果照預设作法来看,只要「先滿足条件」的就会跳出并呼叫对应方法,举例来说,如果同时注册了 Pan 和 Swipe,只要手指头一移动就会触发 Pan 然后跳出,因而永远都不會发生 Swipe;单点与双点的情形也是一样,永远都只会触发单点,不會有双点。
那么这个问题有解吗?答案是肯定的,UIGestureRecognizer 有个方法叫做requireGestureRecognizerToFail,他可以指定某一个 recognizer,即便自己已经滿足條件了,也不會立刻触发,会等到该指定的 recognizer 确定失败之后才触发。以同时支持单点与双点的手势为例,代码如下:
- (void)viewDidLoad {
// 单击的 Recognizer
UITapGestureRecognizer* singleRecognizer;
singleRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:selfaction:@selector(handleSingleTapFrom)];
singleTapRecognizer.numberOfTapsRequired = 1; // 单击
[self.view addGestureRecognizer:singleRecognizer];
// 双击的 Recognizer
UITapGestureRecognizer* double;
doubleRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:selfaction:@selector(handleDoubleTapFrom)];
doubleTapRecognizer.numberOfTapsRequired = 2; // 双击
[self.view addGestureRecognizer:doubleRecognizer];
// 关键在这一行,如果双击确定偵測失败才會触发单击
[singleRecognizer requireGestureRecognizerToFail:doubleRecognizer];
[singleRecognizer release];
[doubleRecognizer release];
}
pan
以UIPanGestureRecognizer为例,这是处理使用者用一只手指(或多只)在屏幕上滑来滑去的动作。要侦测这个动作,只要加下面这段code进viewDidLoad或任何你需要的地方
UIPanGestureRecognizer *panRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanFrom:)];[self.view addGestureRecognizer:panRecognizer];panRecognizer.maximumNumberOfTouches = 1;panRecognizer.delegate = self;[panRecognizer release];
第一个很简单,就是确定要给这个recognizer handle的event,就会去call这个class底下的handlePanFrom: 然后把recognizer加进UIView(addGestureRecognizer)。因为同时间我只想知道一只手指的动作,所以我用maximumNumberOfTouches=1来限制。
当然,你可以改变maximumNumberOfTouches跟minimumNumberOfTouches的值来当成filter,接着把 delegate设定成自己(记得header要加上UIGestureRecognizerDelegate)。
不过这样还没有结束,我们要补上这个delegate method
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
里面可以先filter event,决定要不要丢给一开始assign给panRecognizer的selector function,譬如我只想要看某个subview的事件
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{ UIView *aview = [self.view viewWithTag:1000]; if (touch.view != aview) { return NO; // 不理這個event } return YES; }
- (void)handlePanFrom:(UIPanGestureRecognizer *)recognizer{
if (recognizer.state==UIGestureRecognizerStateBegan) {
NSLog(@"start");
[self initMag_page:nowPage+1];
NSLog(@"init page con %d",nowPage+1);
}
CGPoint translation =[recognizer translationInView:[self.magPageCon viewWithTag:nowPage+1]];
NSLog(@"touch poit x %f",translation.x);
recognizer.view.center=CGPointMake(recognizer.view.center.x+translation.x, recognizer.view.center.y);
[recognizer setTranslation:CGPointMake(0, 0) inView:self.magPageCon];
if (recognizer.state==UIGestureRecognizerStateEnded) {
NSLog(@"end end end");
nowPage=nowPage+1;
}
// if (nowPage>0) {
// if(![Mag_store isEnabled])
// [self.Mag_store setEnabled:true];
// }else {
// if([Mag_store isEnabled])
// [self.Mag_store setEnabled:false];
// }
}