iOS开发之手势识别实例

所属分类: 软件编程 / IOS 阅读数: 685
收藏 0 赞 0 分享

感觉有必要把iOS开发中的手势识别做一个小小的总结。下面会先给出如何用storyboard给相应的控件添加手势,然后在用纯代码的方式给我们的控件添加手势,手势的用法比较简单。和button的用法类似,也是目标 动作回调,话不多说,切入今天的正题。

总共有六种手势识别:轻击手势(TapGestureRecognizer),轻扫手势 (SwipeGestureRecognizer), 长按手势(LongPressGestureRecognizer),  拖动手势(PanGestureRecognizer), 捏合手势(PinchGestureRecognizer),旋转手势(RotationGestureRecognizer);

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

一,用storyboard给控件添加手势识别

1.用storyboard添加手势识别,和添加一个Button的步骤一样,首先我们得找到相应的手势,把手势识别的控件拖到我们要添加手势的控件中,截图如下:
2.给我们拖出的手势添加回调事件,和给Button回调事件没啥区别的,在回调方法中添加要实现的业务逻辑即可,截图如下:

二,纯代码添加手势识别

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

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

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

//新建tap手势
 UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGesture:)];
 //设置点击次数和点击手指数
 tapGesture.numberOfTapsRequired = 1; //点击次数
 tapGesture.numberOfTouchesRequired = 1; //点击手指数
 [self.view addGestureRecognizer:tapGesture];

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

//轻击手势触发方法
-(void)tapGesture:(id)sender
{
 //轻击后要做的事情  
}

2.长按手势(LongPressGestureRecognizer)
初始化代码:

//添加长摁手势
 UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressGesture:)];
 //设置长按时间
 longPressGesture.minimumPressDuration = 0.5; //(2秒)
 [self.view addGestureRecognizer:longPressGesture];

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

//常摁手势触发方法
-(void)longPressGesture:(id)sender
{
 UILongPressGestureRecognizer *longPress = sender;
 if (longPress.state == UIGestureRecognizerStateBegan)
 {
  UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"长按触发" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles: nil];
  [alter show];
 }
}

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

  • 开始:UIGestureRecognizerStateBegan
  • 改变:UIGestureRecognizerStateChanged
  • 结束:UIGestureRecognizerStateEnded
  • 取消:UIGestureRecognizerStateCancelled
  • 失败:UIGestureRecognizerStateFailed

3.轻扫手势(SwipeGestureRecognizer)

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

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

//添加轻扫手势
 UISwipeGestureRecognizer *swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)];
 //设置轻扫的方向
 swipeGesture.direction = UISwipeGestureRecognizerDirectionRight; //默认向右
 [self.view addGestureRecognizer:swipeGesture];
  
 //添加轻扫手势
 UISwipeGestureRecognizer *swipeGestureLeft = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)];
 //设置轻扫的方向
 swipeGestureLeft.direction = UISwipeGestureRecognizerDirectionLeft; //默认向右
 [self.view addGestureRecognizer:swipeGestureLeft];

回调方法如下:

//轻扫手势触发方法
-(void)swipeGesture:(id)sender
{
 UISwipeGestureRecognizer *swipe = sender;
 if (swipe.direction == UISwipeGestureRecognizerDirectionLeft)
 {
  //向左轻扫做的事情
 }
 if (swipe.direction == UISwipeGestureRecognizerDirectionRight)
 {
  //向右轻扫做的事情
 }
}

4.捏合手势(PinchGestureRecognizer)

捏合手势初始化

//添加捏合手势
UIPinchGestureRecognizer *pinchGesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchGesture:)];
[self.view addGestureRecognizer:pinchGesture];

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

////捏合手势触发方法
-(void) pinchGesture:(id)sender
{
  UIPinchGestureRecognizer *gesture = sender;
  
 //手势改变时
 if (gesture.state == UIGestureRecognizerStateChanged)
 {
  //捏合手势中scale属性记录的缩放比例
  _imageView.transform = CGAffineTransformMakeScale(gesture.scale, gesture.scale);
 }
  
 //结束后恢复
 if(gesture.state==UIGestureRecognizerStateEnded)
 {
  [UIView animateWithDuration:0.5 animations:^{
   _imageView.transform = CGAffineTransformIdentity;//取消一切形变
  }];
 }
}

5.拖动手势(PanGestureRecognizer)

拖动手势的初始化

//添加拖动手势
UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGesture:)];
[self.view addGestureRecognizer:panGesture];

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

//拖动手势
-(void) panGesture:(id)sender
{
 UIPanGestureRecognizer *panGesture = sender;
  
 CGPoint movePoint = [panGesture translationInView:self.view];
  
 //做你想做的事儿
}

6.旋转手势(RotationGestureRecognizer)

旋转手势的初始化

//添加旋转手势
UIRotationGestureRecognizer *rotationGesture = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotationGesture:)];
[self.view addGestureRecognizer:rotationGesture];

旋转手势调用的方法:

//旋转手势
-(void)rotationGesture:(id)sender
{
  
 UIRotationGestureRecognizer *gesture = sender;
  
 if (gesture.state==UIGestureRecognizerStateChanged)
 {
  _imageView.transform=CGAffineTransformMakeRotation(gesture.rotation);
 }
  
 if(gesture.state==UIGestureRecognizerStateEnded)
 {
   
  [UIView animateWithDuration:1 animations:^{
   _imageView.transform=CGAffineTransformIdentity;//取消形变
  }];
 }
  
}

上面的东西没有多高深的技术,就是对iOS开发中的手势做了一下小小的总结,温故一下基础知识。在之前的博客中也有用到手势识别的内容,就是没有系统的梳理一下手势识别的知识,本文做一个基础的补充吧。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

iOS 仿百度外卖-首页重力感应的实例

这篇文章主要介绍了iOS 仿百度外卖-首页重力感应的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
收藏 0 赞 0 分享

iOS实现时间显示几分钟前,几小时前以及刚刚的方法示例

这篇文章主要介绍了如何利用iOS实现时间显示是在几小时前,几分钟前以及刚刚的格式,类似大家在qq空间和朋友圈微博看到的效果,文中给出了详细的示例代码,有需要的朋友们可以参考借鉴,下面来一起学习学习吧。
收藏 0 赞 0 分享

iOS 条码及二维码扫描(从相册中读取条形码/二维码)及扫码过程中遇到的坑

本文主要给大家介绍ios中从手机相册中读取条形码和二维码的问题及解决办法,需要的朋友参考下
收藏 0 赞 0 分享

IOS Cache设计详细介绍及简单示例

这篇文章主要介绍了IOS Cache设计详细介绍及简单示例的相关资料,Cache的目的是为了追求更高的速度体验,Cache的源头是两种数据读取方式在成本和性能上的差异,需要的朋友可以参考下
收藏 0 赞 0 分享

iOS本地动态生成验证码的方法

这篇文章主要介绍了iOS本地动态生成验证码的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

iOS绘制3D饼图的实现方法

饼图常用于统计学模块。常见的一般为2D饼图,这篇文章主要介绍了iOS绘制3D饼图的实现方法,3D饼图更加立体,用户的好感度也比较高,下面需要的朋友可以参考借鉴,一起来看看吧。
收藏 0 赞 0 分享

谈谈iOS开发之JSON格式数据的生成与解析

JSON格式取代了xml给网络传输带来了很大的便利,本篇文章主要介绍了iOS开发:对象直接转化成JSON详解,具有一定的参考价值,有兴趣的可以了解一下。
收藏 0 赞 0 分享

IOS 身份证校验详细介绍及示例代码

这篇文章主要介绍了IOS 身份证校验详细介绍及示例代码的相关资料,这里对身份校验比较详细,附有简单实例,需要的朋友可以参考下
收藏 0 赞 0 分享

IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView

这篇文章主要介绍了IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

IOS 仿支付宝支付屏幕亮度变化机制

这篇文章主要介绍了IOS 仿支付宝支付屏幕亮度变化机制的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多