ios手势识别(双击、捏、旋转、拖动、划动、长按, 上下左右滑动)

一、概述

iPhone中处理触摸屏的操作,在3.2之前是主要使用的是由UIResponder而来的如下4种方式:

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

但是这种方式甄别不同的手势操作实在是麻烦,需要你自己计算做不同的手势分辨。后来。。。

苹果就给出了一个比较简便的方式,就是使用UIGestureRecognizer

二、UIGestureRecognizer

UIGestureRecognizer基类是一个抽象类,我们主要是使用它的子类(名字包含链接,可以点击跳到ios Developer library,看官方文档):

从名字上我们就能知道, Tap(点击)、Pinch(捏合)、Rotation(旋转)、Swipe(滑动,快速移动,是用于监测滑动的方向的)、Pan (拖移,慢速移动,是用于监测偏移的量的)以及 LongPress(长按)。

举个例子,可以在viewDidLoad函数里面添加:

  1. -(void) viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. // Do any additional setup after loading the view from its nib.
  5. UIPanGestureRecognizer *panRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanFrom:)];
  6. [self.view addGestureRecognizer:panRecognizer];//关键语句,给self.view添加一个手势监测;
  7. panRecognizer.maximumNumberOfTouches = 1;
  8. panRecognizer.delegate = self;
  9. [panRecognizer release];
  10. }
其它手势方法类似。

其核心就是设置delegate和在需要手势监测的view上使用addGestureRecognizer添加指定的手势监测。

当然要记得在作为delegate的view的头文件加上<UIGestureRecognizerDelegate>。

不过有些手势是关联的,怎么办呢?例如 Tap 与 LongPress、Swipe与 Pan,或是 Tap 一次与Tap 兩次。

手势识别是具有互斥的原则的比如单击和双击,如果它识别出一种手势,其后的手势将不被识别。所以对于关联手势,要做特殊处理以帮助程序甄别,应该把当前手势归结到哪一类手势里面。

比如,单击和双击并存时,如果不做处理,它就只能发送出单击的消息。为了能够识别出双击手势,就需要做一个特殊处理逻辑,即先判断手势是否是双击,在双击失效的情况下作为单击手势处理。使用

[A requireGestureRecognizerToFail:B]函数,它可以指定当A手势发生时,即便A已经滿足条件了,也不会立刻触发会等到指定的手势B确定失败之后才触发。

  1. - (void)viewDidLoad
  2. {
  3. // 单击的 Recognizer
  4. UITapGestureRecognizer* singleRecognizer;
  5. singleRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:selfaction:@selector(SingleTap:)];
  6. //点击的次数
  7. singleTapRecognizer.numberOfTapsRequired = 1; // 单击
  8. //给self.view添加一个手势监测;
  9. [self.view addGestureRecognizer:singleRecognizer];
  10. // 双击的 Recognizer
  11. UITapGestureRecognizer* double;
  12. doubleRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:selfaction:@selector(DoubleTap:)];
  13. doubleTapRecognizer.numberOfTapsRequired = 2; // 双击
  14. //关键语句,给self.view添加一个手势监测;
  15. [self.view addGestureRecognizer:doubleRecognizer];
  16. // 关键在这一行,双击手势确定监测失败才会触发单击手势的相应操作
  17. [singleRecognizer requireGestureRecognizerToFail:doubleRecognizer];
  18. [singleRecognizer release];
  19. [doubleRecognizer release];
  20. }
  21. -(void)SingleTap:(UITapGestureRecognizer*)recognizer
  22. {
  23. //处理单击操作
  24. }
  25. -(void)DoubleTap:(UITapGestureRecognizer*)recognizer
  26. {
  27. //处理双击操作
  28. }

三、iphone操作手势的大概种类

1.点击(Tap)
点击作为最常用手势,用于按下或选择一个控件或条目(类似于普通的鼠标点击)、

2.拖动(Drag)
拖动用于实现一些页面的滚动,以及对控件的移动功能。

3.滑动(Flick)
滑动用于实现页面的快速滚动和翻页的功能。

4.横扫(Swipe)
横扫手势用于激活列表项的快捷操作菜单

5.双击(Double Tap)
双击放大并居中显示图片,或恢复原大小(如果当前已经放大)。同时,双击能够激活针对文字编辑菜单。

6.放大(Pinch open)
放大手势可以实现以下功能:打开订阅源,打开文章的详情。在照片查看的时候,放大手势也可实现放大图片的功能。

7.缩小(Pinch close)
缩小手势,可以实现与放大手势相反且对应的功能的功能:关闭订阅源退出到首页,关闭文章退出至索引页。在照片查看的时候,缩小手势也可实现缩小图片的功能。

8.长按(Touch &Hold)
在我的订阅页,长按订阅源将自动进入编辑模式,同时选中手指当前按下的订阅源。这时可直接拖动订阅源移动位置。
针对文字长按,将出现放大镜辅助功能。松开后,则出现编辑菜单。
针对图片长按,将出现编辑菜单。

9.摇晃(Shake)
摇晃手势,将出现撤销与重做菜单。主要是针对用户文本输入的。

http://blog.csdn.net/likendsl/article/details/7554150

 

iOS-响应上下左右滑动手势

-(void)viewDidLoad{

UISwipeGestureRecognizer *recognizer;

recognizer = [[UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];

[recognizer setDirection:(UISwipeGestureRecognizerDirectionRight)];

[[selfviewaddGestureRecognizer:recognizer];

[recognizerrelease];

recognizer = [[UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];

[recognizer setDirection:(UISwipeGestureRecognizerDirectionLeft)];

[[selfviewaddGestureRecognizer:recognizer];

[recognizerrelease];

recognizer = [[UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];

[recognizer setDirection:(UISwipeGestureRecognizerDirectionUp)];

[[selfviewaddGestureRecognizer:recognizer];

[recognizerrelease];

UISwipeGestureRecognizer *recognizer;

recognizer = [[UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];

[recognizer setDirection:(UISwipeGestureRecognizerDirectionDown)];

[[selfviewaddGestureRecognizer:recognizer];

[recognizerrelease];

}

-(void)handleSwipeFrom:(UISwipeGestureRecognizer *)recognizer{

if(recognizer.direction==UISwipeGestureRecognizerDirectionDown) {

NSLog(@"swipe down");

//执行程序

}

if(recognizer.direction==UISwipeGestureRecognizerDirectionUp) {

NSLog(@"swipe up");

//执行程序

}

if(recognizer.direction==UISwipeGestureRecognizerDirectionLeft) {

NSLog(@"swipe left");

//执行程序

}

if(recognizer.direction==UISwipeGestureRecognizerDirectionRight) {

NSLog(@"swipe right");

//执行程序

}

}

http://blog.csdn.net/shijiucdy/article/details/7364143

iphone练习之手势识别(双击、捏、旋转、拖动、划动、长按)

首先新建一个基于Sigle view Application的项目,名为GestureTest;我的项目结构如下:

往viewController.xib文件里拖动一个imageView,并使覆盖整个屏幕,改动属性为:

viewController.h文件:

[cpp]  view plain copy
  1. #import <UIKit/UIKit.h>
  2. @interface ViewController : UIViewController{
  3. IBOutlet UIImageView *imageView;
  4. }
  5. @property (nonatomic,retain)IBOutlet UIImageView *imageView;
  6. @end

并使xib文件里的imageView与之连接;

然后是viewController.m文件的实现部分:

[cpp]  view plain copy
  1. @synthesize imageView;
  2. CGFloat lastScaleFactor=1;//放大、缩小
  3. CGFloat netRotation;//旋转
  4. CGPoint netTranslation;//平衡
  5. NSArray *images;//图片数组
  6. int imageIndex=0;//数组下标
  7. - (void)viewDidLoad
  8. {
  9. //1、创建手势实例,并连接方法handleTapGesture,点击手势
  10. UITapGestureRecognizer *tapGesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTapGesture:)];
  11. //设置手势点击数,双击:点2下
  12. tapGesture.numberOfTapsRequired=2;
  13. // imageView添加手势识别
  14. [imageView addGestureRecognizer:tapGesture];
  15. //释放内存
  16. [tapGesture release];
  17. //2、手势为捏的姿势:按住option按钮配合鼠标来做这个动作在虚拟器上
  18. UIPinchGestureRecognizer *pinchGesture=[[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(handlePinchGesture:)];
  19. [imageView addGestureRecognizer:pinchGesture];//imageView添加手势识别
  20. [pinchGesture release];
  21. //3、旋转手势:按住option按钮配合鼠标来做这个动作在虚拟器上
  22. UIRotationGestureRecognizer *rotateGesture=[[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(handleRotateGesture:)];
  23. [imageView addGestureRecognizer:rotateGesture];
  24. [rotateGesture release];
  25. //4、拖手势
  26. UIPanGestureRecognizer *panGesture=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(handlePanGesture:)];
  27. // [imageView addGestureRecognizer:panGesture];
  28. [panGesture release];
  29. //5、划动手势
  30. images=[[NSArray alloc]initWithObjects:@"cell.jpg",@"heihua.jpg",@"xuanyi.jpg", nil];
  31. //右划
  32. UISwipeGestureRecognizer *swipeGesture=[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(handleSwipeGesture:)];
  33. [imageView addGestureRecognizer:swipeGesture];
  34. [swipeGesture release];
  35. //左划
  36. UISwipeGestureRecognizer *swipeLeftGesture=[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(handleSwipeGesture:)];
  37. swipeGesture.direction=UISwipeGestureRecognizerDirectionLeft;//不设置黑夜是右
  38. [imageView addGestureRecognizer:swipeLeftGesture];
  39. [swipeLeftGesture release];
  40. //6、长按手势
  41. UILongPressGestureRecognizer *longpressGesutre=[[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(handleLongpressGesture:)];
  42. //长按时间为1秒
  43. longpressGesutre.minimumPressDuration=1;
  44. //允许15秒中运动
  45. longpressGesutre.allowableMovement=15;
  46. //所需触摸1次
  47. longpressGesutre.numberOfTouchesRequired=1;
  48. [imageView addGestureRecognizer:longpressGesutre];
  49. [longpressGesutre release];
  50. [super viewDidLoad];
  51. // Do any additional setup after loading the view, typically from a nib.
  52. }
  53. //双击屏幕时会调用此方法,放大和缩小图片
  54. -(IBAction)handleTapGesture:(UIGestureRecognizer*)sender{
  55. //判断imageView的内容模式是否是UIViewContentModeScaleAspectFit,该模式是原比例,按照图片原时比例显示大小
  56. if(sender.view.contentMode==UIViewContentModeScaleAspectFit){
  57. //把imageView模式改成UIViewContentModeCenter,按照图片原先的大小显示中心的一部分在imageView
  58. sender.view.contentMode=UIViewContentModeCenter;
  59. }else{
  60. sender.view.contentMode=UIViewContentModeScaleAspectFit;
  61. }
  62. }
  63. //捏的手势,使图片放大和缩小,捏的动作是一个连续的动作
  64. -(IBAction)handlePinchGesture:(UIGestureRecognizer*)sender{
  65. //得到sender捏手势的大小
  66. CGFloat factor=[(UIPinchGestureRecognizer*)sender scale];
  67. if(factor>1){
  68. //图片放大
  69. sender.view.transform=CGAffineTransformMakeScale(lastScaleFactor+(factor-1), (lastScaleFactor+(factor-1)));
  70. }else{
  71. //缩小
  72. sender.view.transform=CGAffineTransformMakeScale(lastScaleFactor*factor, lastScaleFactor*factor);
  73. }
  74. //状态是否结束,如果结束保存数据
  75. if(sender.state==UIGestureRecognizerStateEnded){
  76. if(factor>1){
  77. lastScaleFactor+=(factor-1);
  78. }else{
  79. lastScaleFactor*=factor;
  80. }
  81. }
  82. }
  83. //旋转手势
  84. -(IBAction)handleRotateGesture:(UIGestureRecognizer*)sender{
  85. //浮点类型,得到sender的旋转度数
  86. CGFloat rotation=[(UIRotationGestureRecognizer*)sender rotation];
  87. //旋转角度CGAffineTransformMakeRotation
  88. CGAffineTransform transform=CGAffineTransformMakeRotation(rotation+netRotation);
  89. //改变图像角度
  90. sender.view.transform=transform;
  91. //状态结束,保存数据
  92. if(sender.state==UIGestureRecognizerStateEnded){
  93. netRotation+=rotation;
  94. }
  95. }
  96. //拖手势
  97. -(IBAction)handlePanGesture:(UIGestureRecognizer*)sender{
  98. //得到拖的过程中的xy坐标
  99. CGPoint translation=[(UIPanGestureRecognizer*)sender translationInView:imageView];
  100. //平移图片CGAffineTransformMakeTranslation
  101. sender.view.transform=CGAffineTransformMakeTranslation(netTranslation.x+translation.x, netTranslation.y+translation.y);
  102. //状态结束,保存数据
  103. if(sender.state==UIGestureRecognizerStateEnded){
  104. netTranslation.x+=translation.x;
  105. netTranslation.y+=translation.y;
  106. }
  107. }
  108. //划动手势
  109. -(IBAction)handleSwipeGesture:(UIGestureRecognizer*)sender{
  110. //划动的方向
  111. UISwipeGestureRecognizerDirection direction=[(UISwipeGestureRecognizer*) sender direction];
  112. //判断是上下左右
  113. switch (direction) {
  114. case UISwipeGestureRecognizerDirectionUp:
  115. NSLog(@"up");
  116. break;
  117. case UISwipeGestureRecognizerDirectionDown:
  118. NSLog(@"down");
  119. break;
  120. case UISwipeGestureRecognizerDirectionLeft:
  121. NSLog(@"left");
  122. imageIndex++;//下标++
  123. break;
  124. case UISwipeGestureRecognizerDirectionRight:
  125. NSLog(@"right");
  126. imageIndex--;//下标--
  127. break;
  128. default:
  129. break;
  130. }
  131. //得到不越界不<0的下标
  132. imageIndex=(imageIndex<0)?([images count]-1):imageIndex%[images count];
  133. //imageView显示图片
  134. imageView.image=[UIImage imageNamed:[images objectAtIndex:imageIndex]];
  135. }
  136. //长按手势
  137. -(IBAction)handleLongpressGesture:(UIGestureRecognizer*)sender{
  138. //创建警告
  139. UIActionSheet *actionSheet=[[UIActionSheet alloc]initWithTitle:@"Image options" delegate:self cancelButtonTitle:nil destructiveButtonTitle:nil otherButtonTitles:@"Save Image",@"Copy", nil];
  140. //当前view显示警告
  141. [actionSheet showInView:self.view];
  142. [actionSheet release];
  143. }
  144. -(void)dealloc{
  145. [images release];
  146. [imageView release];
  147. [super dealloc];
  148. }


嗯,试试效果吧!

来源:http://blog.csdn.net/rhljiayou/article/details/7553927

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用UICollectionView来实现iOS仿抖音视频上下划动的效果。下面是一个简单的示例代码,演示了如何创建带有视频的UICollectionView,并实现上下滑动的效果。 首先,创建一个UICollectionView,并设置其滚动方向为垂直方向: ```swift let layout = UICollectionViewFlowLayout() layout.scrollDirection = .vertical let collectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height), collectionViewLayout: layout) collectionView.delegate = self collectionView.dataSource = self ``` 接下来,实现UICollectionViewDelegate和UICollectionViewDataSource协议的相关方法: ```swift extension ViewController: UICollectionViewDelegate, UICollectionViewDataSource { func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return videos.count } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "VideoCell", for: indexPath) as! VideoCell cell.videoURL = videos[indexPath.item] return cell } } class VideoCell: UICollectionViewCell { var videoURL: URL? { didSet { // 加载并显示视频 } } } ``` 在上述代码中,假设你已经有一个包含视频URL的数组videos,并且VideoCell是自定义的UICollectionViewCell子类,用于加载和显示视频。 最后,你可以在ViewController中添加滑动手势识别器,并在滑动手势回调方法中更新collectionView的contentOffset来实现上下滑动: ```swift let swipeGesture = UIPanGestureRecognizer(target: self, action: #selector(handleSwipe(_:))) collectionView.addGestureRecognizer(swipeGesture) @objc func handleSwipe(_ gesture: UIPanGestureRecognizer) { let translation = gesture.translation(in: collectionView) if gesture.state == .changed { collectionView.contentOffset.y = -translation.y } else if gesture.state == .ended { let velocity = gesture.velocity(in: collectionView) if velocity.y > 0 { // 向下滑动,加载下一页视频 } else { // 向上滑动,加载上一页视频 } } } ``` 在handleSwipe方法中,我们通过手势的translation来计算滑动的偏移量,并将其应用到collectionView的contentOffset上。在滑动手势结束时,你可以根据滑动的速度和方向来加载下一页或上一页的视频。 这只是一个简单的示例,你可以根据自己的需求进行进一步的定制和优化。希望对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值