iOS手势学习

来源:互联网 发布:ws848进入编程模式 编辑:程序博客网 时间:2024/05/20 17:08

转自:http://www.cnblogs.com/kenshincui/p/3950646.html


手势说明UITapGestureRecognizer点按手势UIPinchGestureRecognizer捏合手势UIPanGestureRecognizer拖动手势UISwipeGestureRecognizer轻扫手势,支持四个方向的轻扫,但是不同的方向要分别定义轻扫手势UIRotationGestureRecognizer旋转手势UILongPressGestureRecognizer长按手势

所有的手势操作都继承于UIGestureRecognizer,这个类本身不能直接使用。这个类中定义了这几种手势共有的一些属性和方法(下表仅列出常用属性和方法):

名称说明属性 @property(nonatomic,readonly) UIGestureRecognizerState state;手势状态@property(nonatomic, getter=isEnabled) BOOL enabled;手势是否可用@property(nonatomic,readonly) UIView *view;触发手势的视图(一般在触摸执行操作中我们可以通过此属性获得触摸视图进行操作)@property(nonatomic) BOOL delaysTouchesBegan;手势识别失败前不执行触摸开始事件,默认为NO;如果为YES,那么成功识别则不执行触摸开始事件,失败则执行触摸开始事件;如果为NO,则不管成功与否都执行触摸开始事件;方法 - (void)addTarget:(id)target action:(SEL)action;添加触摸执行事件- (void)removeTarget:(id)target action:(SEL)action;移除触摸执行事件- (NSUInteger)numberOfTouches;触摸点的个数(同时触摸的手指数)- (CGPoint)locationInView:(UIView*)view;在指定视图中的相对位置- (CGPoint)locationOfTouch:(NSUInteger)touchIndex inView:(UIView*)view;触摸点相对于指定视图的位置- (void)requireGestureRecognizerToFail:(UIGestureRecognizer *)otherGestureRecognizer;指定一个手势需要另一个手势执行失败才会执行代理方法 - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer;一个控件的手势识别后是否阻断手势识别继续向下传播,默认返回NO;如果为YES,响应者链上层对象触发手势识别后,如果下层对象也添加了手势并成功识别也会继续执行,否则上层对象识别后则不再继续传播;

手势状态

这里着重解释一下上表中手势状态这个对象。在六种手势识别中,只有一种手势是离散手势,它就是UITapGestureRecgnier。离散手势的特点就是一旦识别就无法取消,而且只会调用一次手势操作事件(初始化手势时指定的触发方法)。换句话说其他五种手势是连续手势,连续手势的特点就是会多次调用手势操作事件,而且在连续手势识别后可以取消手势。从下图可以看出两者调用操作事件的次数是不同的:

discrete_vs_continuous_2x

在iOS中将手势状态分为如下几种:

typedef NS_ENUM(NSInteger, UIGestureRecognizerState) {    UIGestureRecognizerStatePossible,   // 尚未识别是何种手势操作(但可能已经触发了触摸事件),默认状态        UIGestureRecognizerStateBegan,      // 手势已经开始,此时已经被识别,但是这个过程中可能发生变化,手势操作尚未完成    UIGestureRecognizerStateChanged,    // 手势状态发生转变    UIGestureRecognizerStateEnded,      // 手势识别操作完成(此时已经松开手指)    UIGestureRecognizerStateCancelled,  // 手势被取消,恢复到默认状态        UIGestureRecognizerStateFailed,     // 手势识别失败,恢复到默认状态        UIGestureRecognizerStateRecognized = UIGestureRecognizerStateEnded // 手势识别完成,同UIGestureRecognizerStateEnded};
  • 对于离散型手势UITapGestureRecgnizer要么被识别,要么失败,点按(假设点按次数设置为1,并且没有添加长按手势)下去一次不松开则此时什么也不会发生,松开手指立即识别并调用操作事件,并且状态为3(已完成)。
  • 但是连续手势要复杂一些,就拿旋转手势来说,如果两个手指点下去不做任何操作,此时并不能识别手势(因为我们还没旋转)但是其实已经触发了触摸开始事件,此时处于状态0;如果此时旋转会被识别,也就会调用对应的操作事件,同时状态变成1(手势开始),但是状态1只有一瞬间;紧接着状态变为2(因为我们的旋转需要持续一会),并且重复调用操作事件(如果在事件中打印状态会重复打印2);松开手指,此时状态变为3,并调用1次操作事件。

为了大家更好的理解这个状态的变化,不妨在操作事件中打印事件状态,会发现在操作事件中的状态永远不可能为0(默认状态),因为只要调用此事件说明已经被识别了。前面也说过,手势识别从根本还是调用触摸事件而完成的,连续手势之所以会发生状态转换完全是由于触摸事件中的移动事件造成的,没有移动事件也就不存在这个过程中状态变化。

大家通过苹果官方的分析图再理解一下上面说的内容:

gr_state_transitions_2x

使用手势

在iOS中添加手势比较简单,可以归纳为以下几个步骤:

  1. 创建对应的手势对象;
  2. 设置手势识别属性【可选】;
  3. 附加手势到指定的对象;
  4. 编写手势操作方法;
添加手势及手势处理代码示例:

#pragma mark 添加手势-(void)addGesture{    /*添加点按手势*/    //创建手势对象    UITapGestureRecognizer *tapGesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapImage:)];    //设置手势属性    tapGesture.numberOfTapsRequired=1;//设置点按次数,默认为1,注意在iOS中很少用双击操作    tapGesture.numberOfTouchesRequired=1;//点按的手指数    //添加手势到对象(注意,这里添加到了控制器视图中,而不是图片上,否则点击空白无法隐藏导航栏)    [self.view addGestureRecognizer:tapGesture];            /*添加长按手势*/    UILongPressGestureRecognizer *longPressGesture=[[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPressImage:)];    longPressGesture.minimumPressDuration=0.5;//设置长按时间,默认0.5秒,一般这个值不要修改    //注意由于我们要做长按提示删除操作,因此这个手势不再添加到控制器视图上而是添加到了图片上    [_imageView addGestureRecognizer:longPressGesture];        /*添加捏合手势*/    UIPinchGestureRecognizer *pinchGesture=[[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinchImage:)];    [self.view addGestureRecognizer:pinchGesture];        /*添加旋转手势*/    UIRotationGestureRecognizer *rotationGesture=[[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotateImage:)];    [self.view addGestureRecognizer:rotationGesture];        /*添加拖动手势*/    UIPanGestureRecognizer *panGesture=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panImage:)];    [_imageView addGestureRecognizer:panGesture];        /*添加轻扫手势*/    //注意一个轻扫手势只能控制一个方向,默认向右,通过direction进行方向控制    UISwipeGestureRecognizer *swipeGestureToRight=[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeImage:)];    //swipeGestureToRight.direction=UISwipeGestureRecognizerDirectionRight;//默认为向右轻扫    [self.view addGestureRecognizer:swipeGestureToRight];        UISwipeGestureRecognizer *swipeGestureToLeft=[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeImage:)];    swipeGestureToLeft.direction=UISwipeGestureRecognizerDirectionLeft;    [self.view addGestureRecognizer:swipeGestureToLeft];}
#pragma mark - 手势操作#pragma mark 点按隐藏或显示导航栏-(void)tapImage:(UITapGestureRecognizer *)gesture{    //NSLog(@"tap:%i",gesture.state);    BOOL hidden=!self.navigationController.navigationBarHidden;    [self.navigationController setNavigationBarHidden:hidden animated:YES];}#pragma mark 长按提示是否删除-(void)longPressImage:(UILongPressGestureRecognizer *)gesture{    //NSLog(@"longpress:%i",gesture.state);    //注意其实在手势里面有一个view属性可以获取点按的视图    //UIImageView *imageView=(UIImageView *)gesture.view;        //由于连续手势此方法会调用多次,所以需要判断其手势状态    if (gesture.state==UIGestureRecognizerStateBegan) {        UIActionSheet *actionSheet=[[UIActionSheet alloc]initWithTitle:@"System Info" delegate:nil cancelButtonTitle:@"Cancel" destructiveButtonTitle:@"Delete the photo" otherButtonTitles:nil];        [actionSheet showInView:self.view];    }}#pragma mark 捏合时缩放图片-(void)pinchImage:(UIPinchGestureRecognizer *)gesture{    //NSLog(@"pinch:%i",gesture.state);        if (gesture.state==UIGestureRecognizerStateChanged) {        //捏合手势中scale属性记录的缩放比例        _imageView.transform=CGAffineTransformMakeScale(gesture.scale, gesture.scale);    }else if(gesture.state==UIGestureRecognizerStateEnded){//结束后恢复        [UIView animateWithDuration:.5 animations:^{            _imageView.transform=CGAffineTransformIdentity;//取消一切形变        }];    }}#pragma mark 旋转图片-(void)rotateImage:(UIRotationGestureRecognizer *)gesture{    //NSLog(@"rotate:%i",gesture.state);    if (gesture.state==UIGestureRecognizerStateChanged) {        //旋转手势中rotation属性记录了旋转弧度        _imageView.transform=CGAffineTransformMakeRotation(gesture.rotation);    }else if(gesture.state==UIGestureRecognizerStateEnded){        [UIView animateWithDuration:0.8 animations:^{            _imageView.transform=CGAffineTransformIdentity;//取消形变        }];    }}#pragma mark 拖动图片-(void)panImage:(UIPanGestureRecognizer *)gesture{    if (gesture.state==UIGestureRecognizerStateChanged) {        CGPoint translation=[gesture translationInView:self.view];//利用拖动手势的translationInView:方法取得在相对指定视图(这里是控制器根视图)的移动        _imageView.transform=CGAffineTransformMakeTranslation(translation.x, translation.y);    }else if(gesture.state==UIGestureRecognizerStateEnded){        [UIView animateWithDuration:0.5 animations:^{            _imageView.transform=CGAffineTransformIdentity;        }];    }    }#pragma mark 轻扫则查看下一张或上一张//注意虽然轻扫手势是连续手势,但是只有在识别结束才会触发,不用判断状态-(void)swipeImage:(UISwipeGestureRecognizer *)gesture{//    NSLog(@"swip:%i",gesture.state);//    if (gesture.state==UIGestureRecognizerStateEnded) {            //direction记录的轻扫的方向        if (gesture.direction==UISwipeGestureRecognizerDirectionRight) {//向右            [self nextImage];//            NSLog(@"right");        }else if(gesture.direction==UISwipeGestureRecognizerDirectionLeft){//向左//            NSLog(@"left");            [self lastImage];        }//    }}
注意事项:
  • UIImageView默认是不支持交互的,也就是userInteractionEnabled=NO,因此要接收触摸事件(手势识别),必须设置userInteractionEnabled=YES(在iOS中UILabel、UIImageView的userInteractionEnabled默认都是NO,UIButton、UITextField、UIScrollView、UITableView等默认都是YES)。
  • 轻扫手势虽然是连续手势但是它的操作事件只会在识别结束时调用一次,其他连续手势都会调用多次,一般需要进行状态判断;此外轻扫手势支持四个方向,但是如果要支持多个方向需要添加多个轻扫手势。
手势冲突及解决:

在iOS中,如果一个手势A的识别部分是另一个手势B的子部分时,默认情况下A就会先识别,B就无法识别了。要解决这个冲突可以利用- (void)requireGestureRecognizerToFail:(UIGestureRecognizer *)otherGestureRecognizer;方法来完成。正是前面表格中UIGestureRecognizer的最后一个方法,这个方法可以指定某个手势执行的前提是另一个手势失败才会识别执行。也就是说如果我们指定拖动手势的执行前提为轻扫手势失败就可以了,这样一来当我们手指轻轻滑动时系统会优先考虑轻扫手势,如果最后发现该操作不是轻扫,那么就会执行拖动。只要将下面的代码添加到添加手势之后就能解决这个问题了(注意为了更加清晰的区分拖动和轻扫[模拟器中拖动稍微快一点就识别成了轻扫],这里将长按手势的前提设置为拖动失败,避免演示拖动时长按手势会被识别):

        //解决在图片上滑动时拖动手势和轻扫手势的冲突    [panGesture requireGestureRecognizerToFail:swipeGestureToRight];    [panGesture requireGestureRecognizerToFail:swipeGestureToLeft];    //解决拖动和长按手势之间的冲突    [longPressGesture requireGestureRecognizerToFail:panGesture];

两个不同控件的手势同时执行

我们知道在iOS的触摸事件中,事件触发是根据响应者链进行的,上层触摸事件执行后就不再向下传播。默认情况下手势也是类似的,先识别的手势会阻断手势识别操作继续传播。那么如何让两个有层次关系并且都添加了手势的控件都能正确识别手势呢?答案就是利用代理的-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer方法。这个代理方法默认返回NO,会阻断继续向下识别手势,如果返回YES则可以继续向下传播识别。

比如长按和拖动、旋转和缩放可同时执行。

0 0
原创粉丝点击