正确使用 iOS 开发中的六大操作手势

在 iOS 的开发过程中,我们一般使用 touches 方法来监听 view 的触摸事件,但是这样使用会有一些弊端:

  1. 必须得自定义 view, 在自定义的 View 当中去实现 touches 方法
  2. 由于是在 view 内部的 touches 方法中监听触摸事件,因此默认情况下,无法让其他外界对象监听 view 的触摸事件
  3. 不容易区分用户具体的手势行为

鉴于这些问题,在iOS 3.2 之后,苹果推出了手势识别功能(Gesture Recognizer)在触摸事件处理方面大大简化了开发者的开发难度。

UIGestureRecognizer 手势识别器

  • 利用 UIGestureRecognizer,能轻松识别用户在某个 view 上面做的一些常见手势
  • UIGestureRecognizer 是一个抽象类,定义了所有手势的基本行为,使用它的子类才能处理具体的手势
    1. 点按手势 UITapGestureRecognizer
    2. 长按手势 UILongPressGestureRecognizer
    3. 平移(拖拽)手势 UIPanGestureRecognizer
    4. 轻扫手势 UISwipeGestureRecognizer
    5. 旋转手势 UIRotationGestureRecognizer
    6. 捏合手势 UIPinchGestureRecognizer
  • 手势的使用方法
    1. 创建手势
    2. 添加手势
    3. 实现手势方法
    4. 补充(手势也可以设置代理)

1. UITapGestureRecognizer 点按手势

点按手势效果图
- (void)topGes {
    //创建点按手势
    UITapGestureRecognizer *tapGes = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap)];
    //手势也可以设置代理
    tapGes.delegate = self;
    //添加手势
    [self.imageView addGestureRecognizer:tapGes];
}

- (void)tap {
    NSLog(@"现在是点按手势");
}
  • 实现代理方法
//代理方法:是否允许接收手指
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
    //让图片左边可以点击,右边不能点击
    //获取当前手指所在的点进行判断
    CGPoint curP = [touch locationInView:self.imageView];
    if (curP.x > self.imageView.bounds.size.width * 0.5) {
        return NO;
    }else {
        return YES;
    }
}

2. UILongPressGestureRecognizer 长按手势

长按手势效果图
- (void)longPGes {
    UILongPressGestureRecognizer *longPGes = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longP:)];
    [self.imageView addGestureRecognizer:longPGes];
}

//当长按并移动时,会多次调用这个方法
- (void)longP:(UILongPressGestureRecognizer *)longP {
    //判断长按时的状态
    if (longP.state == UIGestureRecognizerStateBegan) {
        NSLog(@"开始长按");
    }else if (longP.state == UIGestureRecognizerStateChanged) {
        NSLog(@"- - - 长按时手指移动了 - - -");
    }else if (longP.state == UIGestureRecognizerStateEnded) {
        NSLog(@"长按结束");
    }
}

3. UIPanGestureRecognizer 平移(拖拽)手势

平移(拖拽)手势效果图
- (void)panGes {
    UIPanGestureRecognizer *panGes = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
    [self.imageView addGestureRecognizer:panGes];
}

- (void)pan:(UIPanGestureRecognizer *)pan {
    //获取偏移量
    CGPoint transP = [pan translationInView:self.imageView];
    NSLog(@"transP = %@", NSStringFromCGPoint(transP));
    
    //移动图片
    self.imageView.transform = CGAffineTransformTranslate(self.imageView.transform, transP.x, transP.y);
    //清零,不要累加
    [pan setTranslation:CGPointZero inView:self.imageView];
}

4. UISwipeGestureRecognizer 轻扫手势

轻扫手势效果图
  • 一个手势只能对应一个方向,若要支持多个方向,可以添加多个手势
  • 轻扫手势的方向默认是向右
  • 可以通过修改手势的 direction 属性修改手势的方向
- (void)swipeGes {
    //一个手势只能对应一个方向,若要支持多个方向,可以添加多个手势
    UISwipeGestureRecognizer *swipeGes1 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    //轻扫手势的方向默认是向右
    [self.imageView addGestureRecognizer:swipeGes1];
    
    UISwipeGestureRecognizer *swipeGes2 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    //可以修改手势的方向,向上
    swipeGes2.direction = UISwipeGestureRecognizerDirectionUp;
    [self.imageView addGestureRecognizer:swipeGes2];
    
    UISwipeGestureRecognizer *swipeGes3 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    //手势的方向,向左
    swipeGes3.direction =  UISwipeGestureRecognizerDirectionLeft;
    [self.imageView addGestureRecognizer:swipeGes3];
    
    UISwipeGestureRecognizer *swipeGes4 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    //手势的方向,向下
    swipeGes4.direction = UISwipeGestureRecognizerDirectionDown;
    [self.imageView addGestureRecognizer:swipeGes4];
}

- (void)swipe:(UISwipeGestureRecognizer *)swipe {
    if (swipe.direction == UISwipeGestureRecognizerDirectionLeft) {
        NSLog(@"向左轻扫 --- left");
    }else if (swipe.direction == UISwipeGestureRecognizerDirectionRight){
        NSLog(@"向右轻扫 --- right");
    }else if (swipe.direction == UISwipeGestureRecognizerDirectionUp){
        NSLog(@"向上轻扫 --- up");
    } else if (swipe.direction == UISwipeGestureRecognizerDirectionDown) {
        NSLog(@"向下轻扫 --- down");
    }
}

5. UIRotationGestureRecognizer 旋转手势

旋转手势效果图
- (void)rotationGes {
    UIRotationGestureRecognizer *rotationGes = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotation:)];
    [self.imageView addGestureRecognizer:rotationGes];
}

- (void)rotation:(UIRotationGestureRecognizer *)rotationGes {
    //获取旋转的度数
    CGFloat angle = rotationGes.rotation;
    //旋转图片
    self.imageView.transform = CGAffineTransformRotate(self.imageView.transform, angle);
    //清零
    [rotationGes setRotation:0];
}

6. UIPinchGestureRecognizer 捏合手势

捏合手势效果图
- (void)pinchGes {
    UIPinchGestureRecognizer *pinchGes = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinch:)];
    [self.imageView addGestureRecognizer:pinchGes];
}

- (void)pinch:(UIPinchGestureRecognizer *)pinchGes {
    //获取缩放比例
    CGFloat scale = pinchGes.scale;
    NSLog(@"scale = %f", scale);
    //缩放图片
    self.imageView.transform = CGAffineTransformScale(self.imageView.transform, scale, scale);
    //初始化大小
    [pinchGes setScale:1];
}

补充:手势的混合使用

  • 默认情况下只能同时支持一种手势
  • 若要同时支持多种手势,可以给要支持的手势设置代理,并实现以下代理方法
//是否允许同时支持多个手势
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer  shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {

    return YES;
}
旋转与捏合混合手势使用效果图

至此,iOS 开发中的 6 种手势操作已经介绍完毕了,大家可以通过设置多种手势混合使用来达到一定的效果,希望大家都能更上一层楼!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,425评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,058评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,186评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,848评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,249评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,554评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,830评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,536评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,239评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,505评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,004评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,346评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,999评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,060评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,821评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,574评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,480评论 2 267

推荐阅读更多精彩内容