大家好，又见面了，我是全栈君。
Pan平移手势
终于效果图:
Swipe轻扫手势
LongPress长按手势
Pinch和Rotation手势
捏合(缩放)和旋转
终于效果图:
涂鸦
终于效果图:
事件分3大类:触摸、加速计、远程遥控
仅仅有响应者的子类，才干够接收和处理事件
父类响应者中定义的事件处理接口例如以下：
触摸事件处理的四个方法例如以下：（仅仅要实现，系统会自己主动调用）
一个UITouch对象,代表着一根手指,手指移动,UITouch对象实时更新
一个UITouch对象,相应一根手指,记录着触摸时的全部信息
重要~常常使用UITouch的方法,取得触摸时的信息(如位置、所点对象)
事件对象UIEvent,经常使用的属性是:事件类型
触摸的四个方法(即过程)具体解释:注意同一时候和一前一后触摸的情况
必须先找到事件的最合适的响应者(从父到子地找)
以下是寻找最合适的事件响应者详细样例:
特殊情况:要尤其注意
找到了事件的最佳处理者之后,就是响应者链条了
默认是会调用其[super touchesXXX],这个super就是上一个响应者
即:官方文档中的next responder
以下是官方文档中关于上一个响应者的图片,即Next Responder
总结起来就是:view有控制器,则传给控制器;否则,传给父view
再次总结:响应者链条传递机制(上一个响应者就是NEXT RESPONDER)
传统监听事件的做法:(不再推荐使用)
六种手势识别器,后面会详细举例:
假设要同一时候监听两种以上的手势:
为每个手势设置delegate,而且实现以下的方法
– (BOOL)gestureRecognizer:(UIGestureRecognizer *)shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)
手势识别器的标准做法:三步曲(创建、设置、绑定)
重点关注三种手势识别的状态：開始结束取消
官方文档中关于手势识别的状态变化图
手势识别器的代理方法< UIGestureRecognizerDelegate>
当中:shouldReceiveTouch能够指定手势在特定条件下有效
shouldRecognizeSimultaneouslyWithGestureRecognizer
返回YES代表能够同一时候识别不同手势,如同一时候旋转和缩放
Pan平移手势
终于效果图:
//
// PanController.m
// 38_手势
//
// Created by beyond on 14-9-16.
// Copyright (c) 2014年 com.beyond. All rights reserved.
//
#import "PanController.h"
@interface PanController ()
// nana头像所在的View
@property (weak, nonatomic) IBOutlet UIView *nanaView;
- (IBAction)dismiss;
@end
@implementation PanController
- (void)viewDidLoad
{
[super viewDidLoad];
// 创建pan手势,并绑定监听方法
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panView:)];
[self.nanaView addGestureRecognizer:pan];
}
- (void)panView:(UIPanGestureRecognizer *)pan
{
switch (pan.state) {
case UIGestureRecognizerStateBegan: // 開始触发手势
break;
case UIGestureRecognizerStateEnded: // 手势结束
break;
default:
break;
}
// 1.在view上面挪动的距离
CGPoint translation = [pan translationInView:pan.view];
CGPoint center = pan.view.center;
center.x = translation.x;
center.y = translation.y;
pan.view.center = center;
// 2.清空移动的距离
[pan setTranslation:CGPointZero inView:pan.view];
}
#pragma mark - 连线
- (IBAction)dismiss
{
[self dismissViewControllerAnimated:YES completion:nil];
}
@endTap手势
代码语言：javascript复制//
// TapController.m
// 38_手势
//
// Created by beyond on 14-9-16.
// Copyright (c) 2014年 com.beyond. All rights reserved.
//
#import "TapController.h"
// 手势代理
@interface TapController ()<UIGestureRecognizerDelegate>
@property (weak, nonatomic) IBOutlet UIImageView *nanaImgView;
- (IBAction)dismiss;
@end
@implementation TapController
- (void)viewDidLoad
{
[super viewDidLoad];
_nanaImgView.userInteractionEnabled = YES;
_nanaImgView.multipleTouchEnabled = YES;
//[self testTap];
[self testTap2];
}
- (void)testTap
{
// 1.创建Tap手势识别器对象
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] init];
// 两根手势,连续敲击2次,手势才干识别成功
tap.numberOfTapsRequired = 2;
tap.numberOfTouchesRequired = 2;
// 2.加入监听方法(识别到了相应的手势,就会调用监听方法)
[tap addTarget:self action:@selector(taping)];
// 3.为nanaImgView 加入Tap手势识别器对象
[self.nanaImgView addGestureRecognizer:tap];
}
- (void)testTap2
{
// 1.创建Tap手势识别器对象,同一时候绑定监听方法(识别到了相应的手势,就会调用监听方法)
UIGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(taping)];
// 2.设置手势的代理,目的是:决定手势仅仅有在特定场合才会被识别(触发监听的方法)
tap.delegate = self;
// 3.为nanaImgView 加入Tap手势识别器对象
[self.nanaImgView addGestureRecognizer:tap];
}
#define kRandomColor [UIColor colorWithRed:arc4random()%5/255.0 green:arc4random()%5/255.0 blue:arc4random()%5/255.0 alpha:1.0]
// 监听的方法
- (void)taping
{
// 每次tap,随机变换背景颜色
self.view.backgroundColor = kRandomColor;
NSLog(@"-----taping");
}
#pragma mark - gestureRecognizer的代理方法
// 当点击view的时候,会先询问这种方法,是否接收本次tap点击(即是否为有效tap)
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch
{
CGPoint pos = [touch locationInView:touch.view];
// 点击图片的左半边有效,右半边无效
if (pos.x <= self.nanaImgView.frame.size.width * 0.5) {
return YES;
}
return NO;
}
#pragma mark - 连线方法
- (IBAction)dismiss
{
[self dismissViewControllerAnimated:YES completion:nil];
}
@endSwipe轻扫手势
LongPress长按手势
长按手势的主要属性參数
//// SwipeLongPressController.m// 38_手势//// Created by beyond on 14-9-17.// Copyright (c) 2014年 com.beyond. All rights reserved.//#import "SwipeLongPressController.h"@interface SwipeLongPressController ()@property (weak, nonatomic) IBOutlet UIImageView *nanaImgView;- (IBAction)dismiss;@end@implementation SwipeLongPressController- (void)viewDidLoad{ [super viewDidLoad]; // 1.同意交互 _nanaImgView.userInteractionEnabled = YES; // 2.自己定义方法,加入swipe手势 [self addSwipe]; // 3.自己定义方法,加入longPress手势 [self addLongPress];}// 2.自己定义方法,加入swipe手势- (void)addSwipe{ // 1.创建Swipe手势识别器对象,同一时候绑定监听方法(识别到了相应的手势,就会调用监听方法) UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swiping)]; // 设置属性:轻扫的方向 swipe.direction = UISwipeGestureRecognizerDirectionUp; // 2.为nanaImgView 加入Swipe手势识别器对象 [self.nanaImgView addGestureRecognizer:swipe];}// 3.自己定义方法,加入longPress手势- (void)addLongPress{ // 1.创建LongPress手势识别器对象,同一时候绑定监听方法(识别到了相应的手势,就会调用监听方法) UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] init]; [longPress addTarget:self action:@selector(longPressing)]; // 设置属性:至少长按2秒,默认0.5秒 longPress.minimumPressDuration = 2; // 按下之后,不松手,在能触发手势之前,可同意移动的范围,50px范围内长按有效,默认是10px longPress.allowableMovement = 50; // 2.为nanaImgView 加入Swipe手势识别器对象 [self.nanaImgView addGestureRecognizer:longPress];}#define kRandomColor [UIColor colorWithRed:arc4random()%5/255.0 green:arc4random()%5/255.0 blue:arc4random()%5/255.0 alpha:1.0]// 手势的监听的方法- (void)swiping{ self.view.backgroundColor = kRandomColor; NSLog(@"-----swiping");}// 手势的监听的方法- (void)longPressing{ self.view.backgroundColor = kRandomColor; NSLog(@"-------长按了nanaImgView");}- (IBAction)dismiss{ [self dismissViewControllerAnimated:YES completion:nil ];}@endPinch和Rotation手势
捏合(缩放)和旋转
终于效果图:
//// PinchRotationController.m// 38_手势//// Created by beyond on 14-9-17.// Copyright (c) 2014年 com.beyond. All rights reserved.//#import "PinchRotationController.h"// 手势识别器的代理方法,目的是:@interface PinchRotationController ()<UIGestureRecognizerDelegate>@property (weak, nonatomic) IBOutlet UIImageView *nanaImgView;- (IBAction)dismiss;@end@implementation PinchRotationController- (void)viewDidLoad{ [super viewDidLoad]; // 同一时候加入Pinch捏合手势(缩放) 和旋转手势 [self addPinchAndRotate];}#pragma mark - 缩放 旋转- (void)addPinchAndRotate{ // 1.加入 Pinch捏合手势(缩放) [self addPinch]; // 2.加入 旋转手势 [self addRotate];}// 1.加入 Pinch捏合手势(缩放) ,缩放手势(捏合手势)- (void)addPinch{ // 1.创建Pinch手势识别器对象,同一时候绑定监听方法(识别到了相应的手势,就会调用监听方法) UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinching:)]; // 2.设置代理??? pinch.delegate = self; // 3.为nanaImgView 加入Pinch手势识别器对象 [self.nanaImgView addGestureRecognizer:pinch];}// 2.加入 旋转手势- (void)addRotate{ // 1.创建Rotation手势识别器对象,同一时候绑定监听方法(识别到了相应的手势,就会调用监听方法) UIRotationGestureRecognizer *rotate = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotating:)]; // 2.设置代理??? rotate.delegate = self; // 3.为nanaImgView 加入Rotation手势识别器对象 [self.nanaImgView addGestureRecognizer:rotate];}#pragma mark - 重要~~~~手势的监听方法// Pinch捏合(缩放)- (void)pinching:(UIPinchGestureRecognizer *)pinch{ // X Y 按比例进行缩放 pinch.view.transform = CGAffineTransformScale(pinch.view.transform, pinch.scale, pinch.scale); // 每次又一次归零~~~ pinch.scale = 1; // 这个真的非常重要!!!!!}// 旋转手势- (void)rotating:(UIRotationGestureRecognizer *)rotate{ // 按手势识别器 的旋转角度进行旋转 rotate.view.transform = CGAffineTransformRotate(rotate.view.transform, rotate.rotation); // 每次要又一次归零~~~~ rotate.rotation = 0; // 这个非常重要!!!!!}#pragma mark - 手势识别器的代理方法/** * 是否同意多个手势识别器同一时候有效 * Simultaneously : 同一时候地 */- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{ return YES;}#pragma mark - 连线方法- (IBAction)dismiss{ [self dismissViewControllerAnimated:YES completion:nil ];}@end涂鸦
终于效果图:
控制器
代码语言：javascript复制//// PaintController.m// 38_手势_涂鸦//// Created by beyond on 14-9-17.// Copyright (c) 2014年 com.beyond. All rights reserved.// 涂鸦控制器#import "PaintController.h"// 画布#import "Canvas.h"@interface PaintController ()// 画板@property (weak, nonatomic) IBOutlet Canvas *canvasView;// 清除画板- (IBAction)clear;// 撤销- (IBAction)undo;// 保存至相冊- (IBAction)save;@end@implementation PaintController// 清除画板- (IBAction)clear{ [self.canvasView clear];}// 撤销- (IBAction)undo{ [self.canvasView undo];}// 保存至相冊- (IBAction)save{ // 1.截图 UIImage *image = [UIImage captureWithView:self.canvasView]; // 2.保存到图片,建议使用系统推荐的回调方法 UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);}// 保存图片操作之后就会调用本方法- (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo{ if (error) { // 保存失败 [MBProgressHUD showError:@"保存失败"]; } else { // 保存成功 [MBProgressHUD showSuccess:@"保存成功"]; }}@end自己定义View:画布
代码语言：javascript复制//// Canvas.h// 38_手势_涂鸦//// Created by beyond on 14-9-17.// Copyright (c) 2014年 com.beyond. All rights reserved.// 画布#import <UIKit/UIKit.h>@interface Canvas : UIView// 清除画板- (void)clear;// 撤销上一笔画- (void)undo;@end//// Canvas.m// 38_手势_涂鸦//// Created by beyond on 14-9-17.// Copyright (c) 2014年 com.beyond. All rights reserved.// 画布,核心代码#import "Canvas.h"@interface Canvas()// 存放贝塞尔路径对象数组,每一次touchBegin,相应一个新的路径@property (nonatomic, strong) NSMutableArray *pathArr;@end@implementation Canvas#pragma mark - 懒载入- (NSMutableArray *)pathArr{ if (_pathArr == nil) { _pathArr = [NSMutableArray array]; } return _pathArr;}// 清除画板- (void)clear{ [self.pathArr removeAllObjects]; [self setNeedsDisplay];}// 撤销上一笔画- (void)undo{ [self.pathArr removeLastObject]; [self setNeedsDisplay];}#pragma mark - Touch方法// 每一次touchBegin,相应一个新的路径对象- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{ // 1.获得当前的触摸点 UITouch *touch = [touches anyObject]; CGPoint startPos = [touch locationInView:touch.view]; // 2.创建一个新的路径 UIBezierPath *currenPath = [UIBezierPath bezierPath]; currenPath.lineCapStyle = kCGLineCapRound; currenPath.lineJoinStyle = kCGLineJoinRound; // 设置起点 [currenPath moveToPoint:startPos]; // 3.加入路径到数组中 [self.pathArr addObject:currenPath]; [self setNeedsDisplay];}// 取出最新的贝塞尔路径,加入新的点进去- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{ UITouch *touch = [touches anyObject]; CGPoint pos = [touch locationInView:touch.view]; UIBezierPath *currentPath = [self.pathArr lastObject]; [currentPath addLineToPoint:pos]; [self setNeedsDisplay];}// 抬笔时,与move一样- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{ [self touchesMoved:touches withEvent:event];}#pragma mark - 画线- (void)drawRect:(CGRect)rect{ [[UIColor redColor] set]; for (UIBezierPath *path in self.pathArr) { path.lineWidth = 10; [path stroke]; }}#pragma mark - 測试C画线代码- (void)testPath{ CGContextRef ctx = UIGraphicsGetCurrentContext(); // CGContextMoveToPoint(ctx, 0, 0); // CGContextAddLineToPoint(ctx, 100, 100); // CGContextStrokePath(ctx); CGMutablePathRef path = CGPathCreateMutable(); CGPathMoveToPoint(path, NULL, 0, 0); CGPathAddLineToPoint(path, NULL, 100, 100); CGContextAddPath(ctx, path); CGMutablePathRef path2 = CGPathCreateMutable(); CGPathMoveToPoint(path2, NULL, 250, 250); CGPathAddLineToPoint(path2, NULL, 110, 100); CGContextAddPath(ctx, path2); CGContextStrokePath(ctx); CGPathRelease(path);}@end截图分类
代码语言：javascript复制//// UIImage ScreenShot.m// 38_手势//// Created by beyond on 14-9-17.// Copyright (c) 2014年 com.beyond. All rights reserved.// 分类,截图#import "UIImage ScreenShot.h"@implementation UIImage (ScreenShot) (instancetype)captureWithView:(UIView *)view{ // 1.开启上下文 UIGraphicsBeginImageContextWithOptions(view.frame.size, NO, 0.0); // 2.将控制器view的layer渲染到上下文 [view.layer renderInContext:UIGraphicsGetCurrentContext()]; // 3.取出图片 UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); // 4.结束上下文 UIGraphicsEndImageContext(); return newImage;}@end版权声明：本文博客原创文章。博客，未经同意，不得转载。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/117458.html原文链接：https://javaforall.cn
