1.
swipe手势
简单代码:
_mySwipeGR = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(handleSwipes:)];
//设定轻扫手势方向:
//只检测符合设定的这个方向的手势
_mySwipeGR.direction = UISwipeGestureRecognizerDirectionLeft;
//设定轻扫手势手指数:
//必须需要的手指数
_mySwipeGR.numberOfTouchesRequired = 1;
//添加到需要手势的View
[self.view addGestureRecognizer:_mySwipeGR];
更多设置详读开发文档
2.Rotation手势
对继承自 UIView 的 UI 元素进行旋转,你可以将旋转手势识别器的 rotation 属性传 递给 CGAffineTransformMakeRotation 方法,以制作一个仿射转场。如下面的实例所示
- (void)ViewRotation{
_helloWorldLabel = [[UILabel alloc]initWithFrame:CGRectZero];
_helloWorldLabel.text = @"Hello World!";
_helloWorldLabel.font = [UIFont systemFontOfSize:16.0f];
[_helloWorldLabel sizeToFit];
_helloWorldLabel.center = self.view.center;
[self.view addSubview:_helloWorldLabel];
_rotationGestureRecognizer = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(handleRotation:)];
[self.view addGestureRecognizer:_rotationGestureRecognizer];
}
- (void)handleRotation:(UIRotationGestureRecognizer *)paramSender{
if (_helloWorldLabel == nil) {
return;
}
//设置label的仿射旋转:随时变化角度
_helloWorldLabel.transform = CGAffineTransformMakeRotation(self.rotationAngleInRotations + paramSender.rotation);
if (paramSender.state == UIGestureRecognizerStateEnded) {
self.rotationAngleInRotations += paramSender.rotation;
}
}
3.Pan 手势
Pan 手势是手指在屏幕上连续的移动。也就是说 pan 手势识别器的目标方法会被重复的调用(从识别处理的开始直到结束)
例子:
- (void)ViewPan{
CGRect labelFrame = CGRectMake(0, 0, 150, 100);
panLabel = [[UILabel alloc]initWithFrame:labelFrame];
panLabel.text = @"Hello World";
panLabel.backgroundColor = [UIColor blackColor];
panLabel.textColor = [UIColor whiteColor];
panLabel.textAlignment = NSTextAlignmentCenter;
//必须打开交互开关
panLabel.userInteractionEnabled = YES;
[self.view addSubview:panLabel];
//给panlabel添加拖拽手势
UIPanGestureRecognizer *panGR = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(handlePanGestures:)];
//设置拖拽时需要的最大最小手指数
panGR.minimumNumberOfTouches = 1;
panGR.maximumNumberOfTouches = 1;
[panLabel addGestureRecognizer:panGR];
}
一般当拖动手势产生的时候会顺序的经过如下几个状态。
1)UIGestureRecognizerStateBegan 2)UIGestureRecognizerStateChanged 3)UIGestureRecognizerStateEnde
我们一般会实现手势识别时的处理方法,如下的代码,将会实现利用手指来移动屏幕中间的一个标签
- (void)handlePanGestures:(UIPanGestureRecognizer *)paramSender{
if (paramSender.state != UIGestureRecognizerStateEnded && paramSender.state != UIGestureRecognizerStateFailed) {
//为了能达到移动我们屏幕中的标签,我们需要获取手指在屏幕中的坐标, 并不是在标签中的坐标。
CGPoint location = [paramSender locationInView:paramSender.view.superview];
paramSender.view.center = location;
}
}
通过使用 locationInView 这个方法,来获取到我们手势的坐标,为了能够捕获到多个手 指的位置,我们就需要使用 locationOfTouch:inView: 这个方法。然后通过使用 UIPanGestureRecognizer 这 个 对 象 的 minimumNumberOfTouches 和 maximumNumberOfTouches 参数。你就可以在同一个时间来捕获多个手指的拖拽的动作了。
4.Press 手势
iOS SDK 提供了一个类来监听长按手势事件,这个类就是 UILongTapGestureRecognizer,当用户用一个手指或者多个手指长按在一个 UIView 上时,会触发长按事件 ,这个类中的几个重要属性:
numberOfTapsRequired
这个属性就保存了用户点击的次数,当这个手势动作触发之前,并没有一个手势是在屏幕是上的,当第一次把手指点击在屏幕上,然后拿开,这个动作可以称为一次点击时间。
numberOfTouchesRequired
这个属性保存了有多少个手指点击了屏幕,因此你要确保你每次的点击手指数目是一样 的,默认值是为 0.
allowableMovement
用于指定可以移动的最大 pixels。
minimumPressDuration
这个参数表示,两次点击之间间隔的时间长度。
- (void) viewPress{
dummyButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
dummyButton.frame = CGRectMake(100.0f, 150.0f, 72.0f, 37.0f);
dummyButton.titleLabel.text = @"长按屏幕";
[self.view addSubview:dummyButton];
//创建长按手势
UILongPressGestureRecognizer *longPressGR = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(handleLongPressGestures:)];
//设置必须需要长按的手指数
longPressGR.numberOfTouchesRequired = 2;
//按下去后打破长按手势的移动距离 默认为10
longPressGR.allowableMovement = 10.0f;
//最短按的秒数
longPressGR.minimumPressDuration = 1.0f;
[self.view addGestureRecognizer:longPressGR];
}
- (void)handleLongPressGestures:(UILongPressGestureRecognizer *)paramSender{
CGPoint touchPoint1 = [paramSender locationOfTouch:0 inView:paramSender.view];
CGPoint touchPoint2 = [paramSender locationOfTouch:1 inView:paramSender.view];
CGFloat midPointX = (touchPoint1.x + touchPoint2.x)/2.0f;
CGFloat midPointY = (touchPoint1.y + touchPoint2.y)/2.0f;
CGPoint midPoint = CGPointMake(midPointX, midPointY);
dummyButton.center = midPoint;
}
一个比较典型的用手指来长时间的点击屏幕就是地图的这个应用,当你看不同地方的时候,通过你的手指按住屏幕,然后不要松手,长久按下去,那么不过一会就会有一个锚点标记在地图上
5.tap手势
轻击手势:检测捕获用户点击了屏幕的事件
- (void)viewTap{
UITapGestureRecognizer *tapGR = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTaps:)];
tapGR.numberOfTouchesRequired = 2;//默认也为1
tapGR.numberOfTapsRequired = 3;//需要点3次才能触发事件
[self.view addGestureRecognizer:tapGR];
}
- (void)handleTaps:(UITapGestureRecognizer *)paramSender{
NSUInteger touchCounter = 0;
for (touchCounter = 0; touchCounter < paramSender.numberOfTouchesRequired; touchCounter++) {
CGPoint touchPoint = [paramSender locationOfTouch:touchCounter inView:paramSender.view];
NSLog(@"Touch #%lu:%@",(unsigned long)touchCounter + 1,NSStringFromCGPoint(touchPoint));
}
}
在这段代码中,我们通过两个手指来点击屏幕的手势动作,获取每一次点击的位置,因 此当我们运行这段代码,并且手势动作完成之后,我们会得到我们点击的屏幕位置。
Touch #1:{221.5, 448}
Touch #2:{153.5, 219}
6.pinch手势
通过捏合手势动作可以很轻松的来改变视图元素的一个比例,例如,我们在通过 Safari 浏览器打开网页的时候,有时间为了能够更清晰的看到其中的一些文字,那么我们就需要放 大我们的屏幕了,有时候我们又需要缩放页面。
手势的动作状态有如下三种,一般是按照顺序来进行转换的。
1). UIGestureRecognizerStateBegan
2). UIGestureRecognizerStateChanged
3). UIGestureRecognizerStateEnded
一旦捏合手势动作产生了之后,我们就需要在捕获的事件中进行一个页面调整。其中有两个比较重要的变量 scale 和 velocity,前者是一个比例范围,后者是一个变化速率的,也就是说每次变化的一个像素点。
一般设置代码如下 :
- (void)viewPinch{
CGRect labelRect = CGRectMake(0.0f, 250.0f, 200.0f, 200.0f);
myBlackLabel = [[UILabel alloc]init];
myBlackLabel.backgroundColor = [UIColor blackColor];
myBlackLabel.frame = labelRect;
myBlackLabel.userInteractionEnabled = YES;
[self.view addSubview:myBlackLabel];
UIPinchGestureRecognizer *pinchGR = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(handlePinches:)];
[myBlackLabel addGestureRecognizer:pinchGR];
}
- (void)handlePinches:(UIPinchGestureRecognizer*)paramSender{
if (paramSender.state == UIGestureRecognizerStateEnded) {
currentScale = paramSender.scale;
}else if (paramSender.state == UIGestureRecognizerStateBegan && currentScale != 0.0f){
paramSender.scale = currentScale;
}
//NAN Not A Number就是代表不是一个数据
if (paramSender.scale != NAN && paramSender.scale != 0.0) {
//Return a transform which scales by `(sx, sy)‘: 捏合时x/y方向的该变量相同,所以都填的paramSender.scale
paramSender.view.transform = CGAffineTransformMakeScale(paramSender.scale, paramSender.scale);
}
}
由于 scale 这个属性的值是每次都在变的,所以我们需要用另外一个变量来保存当前的 一个 scale 的值,这个变量叫做 currentScale,这样我们就行进行一个缩小,变大的视图效果了