一、概述

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,看官方文档):

  • UITapGestureRecognizer
  • UIPinchGestureRecognizer
  • UIRotationGestureRecognizer
  • UISwipeGestureRecognizer
  • UIPanGestureRecognizer
  • UILongPressGestureRecognizer


从名字上我们就能知道, 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. 
9. //给self.view添加一个手势监测;
10. 
11. [self.view addGestureRecognizer:singleRecognizer];
12. 
13. 
14. // 双击的 Recognizer
15. UITapGestureRecognizer* double;
16. doubleRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:selfaction:@selector(DoubleTap:)];
17. doubleTapRecognizer.numberOfTapsRequired = 2; // 双击
18. //关键语句,给self.view添加一个手势监测;
19. [self.view addGestureRecognizer:doubleRecognizer];
20. 
21. // 关键在这一行,双击手势确定监测失败才会触发单击手势的相应操作
22. [singleRecognizer requireGestureRecognizerToFail:doubleRecognizer];
23. [singleRecognizer release];
24. [doubleRecognizer release];
25. }
26. 
27. -(void)SingleTap:(UITapGestureRecognizer*)recognizer
28. {

29. //处理单击操作
30. }
31. 
32. -(void)DoubleTap:(UITapGestureRecognizer*)recognizer
33. {

34. //处理双击操作
35. }

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

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

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

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

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

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

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

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

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

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

 

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

-(void)viewDidLoad{
 
 *recognizer;
UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionRight)];
[[selfview] addGestureRecognizer:recognizer];
[recognizerrelease];
UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionLeft)];
[[selfview] addGestureRecognizer:recognizer];
[recognizerrelease];
recognizer = [[UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionUp)];
[[selfview] addGestureRecognizer:recognizer];
[recognizerrelease];
 
UISwipeGestureRecognizer *recognizer;
UISwipeGestureRecognizeralloc]initWithTarget:selfaction:@selector(handleSwipeFrom:)];
[recognizer setDirection:(UISwipeGestureRecognizerDirectionDown)];
[[selfview] addGestureRecognizer: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");
//执行程序
}
 }

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

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

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

viewController.h文件:



1. #import <UIKit/UIKit.h>
2. 
3. @interface ViewController : UIViewController{

4. IBOutlet UIImageView *imageView;
5. }
6. @property (nonatomic,retain)IBOutlet UIImageView *imageView;
7. @end

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

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



1. @synthesize imageView;
2. 
3. CGFloat lastScaleFactor=1;//放大、缩小
4. CGFloat netRotation;//旋转
5. CGPoint netTranslation;//平衡
6. NSArray *images;//图片数组
7. int imageIndex=0;//数组下标
8. 
9. - (void)viewDidLoad
10. {

11. //1、创建手势实例,并连接方法handleTapGesture,点击手势
12. UITapGestureRecognizer *tapGesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTapGesture:)];
13. //设置手势点击数,双击:点2下
14. tapGesture.numberOfTapsRequired=2;
15. // imageView添加手势识别
16. [imageView addGestureRecognizer:tapGesture];
17. //释放内存
18. [tapGesture release];
19. 
20. //2、手势为捏的姿势:按住option按钮配合鼠标来做这个动作在虚拟器上
21. UIPinchGestureRecognizer *pinchGesture=[[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(handlePinchGesture:)];
22. [imageView addGestureRecognizer:pinchGesture];//imageView添加手势识别
23. [pinchGesture release];
24. 
25. //3、旋转手势:按住option按钮配合鼠标来做这个动作在虚拟器上
26. UIRotationGestureRecognizer *rotateGesture=[[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(handleRotateGesture:)];
27. [imageView addGestureRecognizer:rotateGesture];
28. [rotateGesture release];
29. 
30. //4、拖手势
31. UIPanGestureRecognizer *panGesture=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(handlePanGesture:)];
32. // [imageView addGestureRecognizer:panGesture];
33. [panGesture release];
34. 
35. //5、划动手势
36. images=[[NSArray alloc]initWithObjects:@"cell.jpg",@"heihua.jpg",@"xuanyi.jpg", nil];
37. //右划
38. UISwipeGestureRecognizer *swipeGesture=[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(handleSwipeGesture:)];
39. [imageView addGestureRecognizer:swipeGesture];
40. [swipeGesture release];
41. //左划
42. UISwipeGestureRecognizer *swipeLeftGesture=[[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(handleSwipeGesture:)];
43. swipeGesture.direction=UISwipeGestureRecognizerDirectionLeft;//不设置黑夜是右
44. [imageView addGestureRecognizer:swipeLeftGesture];
45. [swipeLeftGesture release];
46. 
47. //6、长按手势
48. UILongPressGestureRecognizer *longpressGesutre=[[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(handleLongpressGesture:)];
49. //长按时间为1秒
50. longpressGesutre.minimumPressDuration=1;
51. //允许15秒中运动
52. longpressGesutre.allowableMovement=15;
53. //所需触摸1次
54. longpressGesutre.numberOfTouchesRequired=1;
55. [imageView addGestureRecognizer:longpressGesutre];
56. [longpressGesutre release];
57. 
58. [super viewDidLoad];
59. // Do any additional setup after loading the view, typically from a nib.
60. }
61. //双击屏幕时会调用此方法,放大和缩小图片
62. -(IBAction)handleTapGesture:(UIGestureRecognizer*)sender{

63. //判断imageView的内容模式是否是UIViewContentModeScaleAspectFit,该模式是原比例,按照图片原时比例显示大小
64. if(sender.view.contentMode==UIViewContentModeScaleAspectFit){

65. //把imageView模式改成UIViewContentModeCenter,按照图片原先的大小显示中心的一部分在imageView
66. sender.view.contentMode=UIViewContentModeCenter;
67. }else{

68. sender.view.contentMode=UIViewContentModeScaleAspectFit;
69. }
70. }
71. //捏的手势,使图片放大和缩小,捏的动作是一个连续的动作
72. -(IBAction)handlePinchGesture:(UIGestureRecognizer*)sender{

73. //得到sender捏手势的大小
74. CGFloat factor=[(UIPinchGestureRecognizer*)sender scale];
75. if(factor>1){

76. //图片放大
77. sender.view.transform=CGAffineTransformMakeScale(lastScaleFactor+(factor-1), (lastScaleFactor+(factor-1)));
78. 
79. }else{

80. //缩小
81. sender.view.transform=CGAffineTransformMakeScale(lastScaleFactor*factor, lastScaleFactor*factor);
82. 
83. }
84. //状态是否结束,如果结束保存数据
85. if(sender.state==UIGestureRecognizerStateEnded){

86. if(factor>1){

87. lastScaleFactor+=(factor-1);
88. }else{

89. lastScaleFactor*=factor;
90. }
91. }
92. }
93. //旋转手势
94. -(IBAction)handleRotateGesture:(UIGestureRecognizer*)sender{

95. //浮点类型,得到sender的旋转度数
96. CGFloat rotation=[(UIRotationGestureRecognizer*)sender rotation];
97. //旋转角度CGAffineTransformMakeRotation
98. CGAffineTransform transform=CGAffineTransformMakeRotation(rotation+netRotation);
99. //改变图像角度
100. sender.view.transform=transform;
101. //状态结束,保存数据
102. if(sender.state==UIGestureRecognizerStateEnded){

103. netRotation+=rotation;
104. }
105. 
106. }
107. //拖手势
108. -(IBAction)handlePanGesture:(UIGestureRecognizer*)sender{

109. //得到拖的过程中的xy坐标
110. CGPoint translation=[(UIPanGestureRecognizer*)sender translationInView:imageView];
111. //平移图片CGAffineTransformMakeTranslation
112. sender.view.transform=CGAffineTransformMakeTranslation(netTranslation.x+translation.x, netTranslation.y+translation.y);
113. //状态结束,保存数据
114. if(sender.state==UIGestureRecognizerStateEnded){

115. netTranslation.x+=translation.x;
116. netTranslation.y+=translation.y;
117. }
118. 
119. }
120. //划动手势
121. -(IBAction)handleSwipeGesture:(UIGestureRecognizer*)sender{

122. //划动的方向
123. UISwipeGestureRecognizerDirection direction=[(UISwipeGestureRecognizer*) sender direction];
124. //判断是上下左右
125. switch (direction) {

126. case UISwipeGestureRecognizerDirectionUp:
127. NSLog(@"up");
128. break;
129. case UISwipeGestureRecognizerDirectionDown:
130. NSLog(@"down");
131. break;
132. case UISwipeGestureRecognizerDirectionLeft:
133. NSLog(@"left");
134. imageIndex++;//下标++
135. break;
136. case UISwipeGestureRecognizerDirectionRight:
137. NSLog(@"right");
138. imageIndex--;//下标--
139. break;
140. default:
141. break;
142. }
143. //得到不越界不<0的下标
144. imageIndex=(imageIndex<0)?([images count]-1):imageIndex%[images count];
145. //imageView显示图片
146. imageView.image=[UIImage imageNamed:[images objectAtIndex:imageIndex]];
147. 
148. }
149. //长按手势
150. -(IBAction)handleLongpressGesture:(UIGestureRecognizer*)sender{

151. //创建警告
152. UIActionSheet *actionSheet=[[UIActionSheet alloc]initWithTitle:@"Image options" delegate:self cancelButtonTitle:nil destructiveButtonTitle:nil otherButtonTitles:@"Save Image",@"Copy", nil];
153. //当前view显示警告
154. [actionSheet showInView:self.view];
155. [actionSheet release];
156. }
157. -(void)dealloc{

158. [images release];
159. [imageView release];
160. [super dealloc];
161. }


嗯,试试效果吧!