iOS开发之手势识别

本文详细介绍iOS开发中的六种手势识别,包括轻击、轻扫、长按、拖动、捏合及旋转手势,并提供了Storyboard及代码实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

iOS开发之手势识别

感觉有必要把iOS开发中的手势识别做一个小小的总结。在上一篇iOS开发之自定义表情键盘( 组件 封装与自动布局)博客中用到了一个轻击手势,就是在轻击TextView时从表情键盘回到 系统 键盘,在TextView中的手是用storyboard添加的。下面会先给出如何用storyboard给相应的控件添加手势,然后在用纯代码的方式给我们的控件添加手势,手势的用法比较简单。和button的用法类似,也是目标动作回调,话不多说,切入今天的正题。总共有六种手势识别:轻击手势(TapGestureRecognizer),轻扫手势(SwipeGestureRecognizer), 长按手势(LongPressGestureRecognizer),  拖动手势(PanGestureRecognizer), 捏合手势(PinchGestureRecognizer),旋转手势(RotationGestureRecognizer);

  其实这些手势用touche事件完全可以实现,苹果就是把常用的触摸事件封装成手势,来提供给用户。读者完全可以用TouchesMoved来写拖动手势等

  一,用storyboard给控件添加手势识别,当然啦用storyboard得截张图啦

    1.用storyboard添加手势识别,和添加一个Button的步骤一样,首先我们得找到相应的手势,把手势识别的控件拖到我们要添加手势的控件中,截图如下:

    2.给我们拖出的手势添加回调事件,和给Button回调事件没啥区别的,在回调方法中添加要实现的业务逻辑即可, 

  二,纯代码添加手势识别

    用storyboard可以大大简化我们的操作,不过纯代码的方式还是要会的,就像要Dreamwear编辑网页一样(当然啦,storyboard的拖拽功能要比Dreamwear的拖拽强大的多),用纯代码敲出来的更为灵活,更加便于维护。不过用storyboard可以减少我们的工作量,这两个要配合着使用才能大大的提高我们的开发效率。个人感觉用storyboard把框架搭起来(Controller间的关系),一下小的东西还是用纯代码敲出来更好一些。下面就给出如何给我们的控件用纯代码的方式来添加手势识别。

    1.轻击手势(TapGestureRecognizer)的添加

      初始化代码TapGestureRecongnizer的代码如下:

复制代码

1     //新建tap手势

2     UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGesture:)];

3     //设置点击次数和点击手指数

4     tapGesture.numberOfTapsRequired = 1; //点击次数

5     tapGesture.numberOfTouchesRequired = 1; //点击手指数

6     [self.view addGestureRecognizer:tapGesture];

复制代码

    在回调方法中添加相应的业务逻辑:

1 //轻击手势触发方法

2 -(void)tapGesture:(id)sender

3 {

4     //轻击后要做的事情        

5 }

    2.长按手势(LongPressGestureRecognizer)

      初始化代码:

复制代码

1     //添加长摁手势

2     UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressGesture:)];

3     //设置长按时间

4     longPressGesture.minimumPressDuration = 0.5; //(2秒)

5     [self.view addGestureRecognizer:longPressGesture];

复制代码

     在对应的回调方法中添加相应的方法(当手势开始时执行):

复制代码

 1 //常摁手势触发方法

 2 -(void)longPressGesture:(id)sender

 3 {

 4     UILongPressGestureRecognizer *longPress = sender;

 5     if (longPress.state == UIGestureRecognizerStateBegan)

 6     {

 7         UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"长按触发" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles: nil];

 8         [alter show];

 9     }

10 }

复制代码

    代码说明:手势的常用状态如下

      开始:UIGestureRecognizerStateBegan

      改变:UIGestureRecognizerStateChanged

      结束:UIGestureRecognizerStateEnded

        取消:UIGestureRecognizerStateCancelled

      失败:UIGestureRecognizerStateFailed

    3.轻扫手势(SwipeGestureRecognizer)

      在初始化轻扫手势的时候得指定轻扫的方向,上下左右。 如果要要添加多个轻扫方向,就得添加多个轻扫手势,不过回调的是同一个方法。

      添加轻扫手势,一个向左一个向右,代码如下:

复制代码

 1     //添加轻扫手势

 2     UISwipeGestureRecognizer *swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)];

 3     //设置轻扫的方向

 4     swipeGesture.direction = UISwipeGestureRecognizerDirectionRight; //默认向右

 5     [self.view addGestureRecognizer:swipeGesture];

 6     

 7     //添加轻扫手势

 8     UISwipeGestureRecognizer *swipeGestureLeft = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)];

 9     //设置轻扫的方向

10     swipeGestureLeft.direction = UISwipeGestureRecognizerDirectionLeft; //默认向右

11     [self.view addGestureRecognizer:swipeGestureLeft];

复制代码

     回调方法如下:

复制代码

 1 //轻扫手势触发方法

 2 -(void)swipeGesture:(id)sender

 3 {

 4     UISwipeGestureRecognizer *swipe = sender;

 5     if (swipe.direction == UISwipeGestureRecognizerDirectionLeft)

 6     {

 7         //向左轻扫做的事情

 8     }

 9     if (swipe.direction == UISwipeGestureRecognizerDirectionRight)

10     {

11         //向右轻扫做的事情

12     }

13 }

14     

复制代码

    4.捏合手势(PinchGestureRecognizer)

      捏合手势初始化

1     //添加捏合手势

2     UIPinchGestureRecognizer *pinchGesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchGesture:)];

3     [self.view addGestureRecognizer:pinchGesture];

      捏合手势要触发的方法(放大或者缩小图片):

复制代码

 1 ////捏合手势触发方法

 2 -(void) pinchGesture:(id)sender

 3 {

 4      UIPinchGestureRecognizer *gesture = sender;

 5     

 6     //手势改变时

 7     if (gesture.state == UIGestureRecognizerStateChanged)

 8     {

 9         //捏合手势中scale属性记录的缩放比例

10         _imageView.transform = CGAffineTransformMakeScale(gesture.scale, gesture.scale);

11     }

12     

13     //结束后恢复

14     if(gesture.state==UIGestureRecognizerStateEnded)

15     {

16         [UIView animateWithDuration:0.5 animations:^{

17             _imageView.transform = CGAffineTransformIdentity;//取消一切形变

18         }];

19     }

20 }

复制代码

    5.拖动手势(PanGestureRecognizer)

      拖动手势的初始化

1     //添加拖动手势

2     UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGesture:)];

3     [self.view addGestureRecognizer:panGesture];

    拖动手势要做的方法(通过translationInView获取移动的点,和TouchesMoved方法类似)

复制代码

1 //拖动手势

2 -(void) panGesture:(id)sender

3 {

4     UIPanGestureRecognizer *panGesture = sender;

5     

6     CGPoint movePoint = [panGesture translationInView:self.view];

7     

8     //做你想做的事儿

9 }

复制代码

    6.旋转手势(RotationGestureRecognizer)

      旋转手势的初始化

1     //添加旋转手势

2     UIRotationGestureRecognizer *rotationGesture = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotationGesture:)];

3     [self.view addGestureRecognizer:rotationGesture];

      旋转手势调用的方法:

 1 //旋转手势

 2 -(void)rotationGesture:(id)sender

 3 {

 4     

 5     UIRotationGestureRecognizer *gesture = sender;

 6     

 7     if (gesture.state==UIGestureRecognizerStateChanged)

 8     {

 9         _imageView.transform=CGAffineTransformMakeRotation(gesture.rotation);

10     }

11     

12     if(gesture.state==UIGestureRecognizerStateEnded)

13     {

14         

15         [UIView animateWithDuration:1 animations:^{

16             _imageView.transform=CGAffineTransformIdentity;//取消形变

17         }];

18     }

19     

20 } 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值