iOS_38_手势

Pan平移手势

终于效果图:

Swipe轻扫手势

LongPress长按手势

Pinch和Rotation手势

捏合(缩放)和旋转

终于效果图:

涂鸦

终于效果图:

事件分3大类:触摸、加速计、远程遥控

仅仅有响应者的子类，才干够接收和处理事件

父类响应者中定义的事件处理接口例如以下：

触摸事件处理的四个方法例如以下：（仅仅要实现，系统会自己主动调用）

一个UITouch对象,代表着一根手指,手指移动,UITouch对象实时更新

一个UITouch对象,相应一根手指,记录着触摸时的全部信息

重要~常常使用UITouch的方法,取得触摸时的信息(如位置、所点对象)

事件对象UIEvent,经常使用的属性是:事件类型

触摸的四个方法(即过程)具体解释:注意同一时候和一前一后触摸的情况

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcHJlX2VtaW5lbnQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

必须先找到事件的最合适的响应者(从父到子地找)

以下是寻找最合适的事件响应者详细样例:

特殊情况:要尤其注意

找到了事件的最佳处理者之后,就是响应者链条了

默认是会调用其[super touchesXXX],这个super就是上一个响应者

即:官方文档中的next responder

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcHJlX2VtaW5lbnQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

以下是官方文档中关于上一个响应者的图片,即Next Responder

总结起来就是:view有控制器,则传给控制器;否则,传给父view

再次总结:响应者链条传递机制(上一个响应者就是NEXT RESPONDER)

传统监听事件的做法:(不再推荐使用)

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcHJlX2VtaW5lbnQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

六种手势识别器,后面会详细举例:

假设要同一时候监听两种以上的手势:

为每个手势设置delegate,而且实现以下的方法

- (BOOL)gestureRecognizer:(UIGestureRecognizer
*)shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)

手势识别器的标准做法:三步曲(创建、设置、绑定)

重点关注三种手势识别的状态：開始\结束\取消

官方文档中关于手势识别的状态变化图

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcHJlX2VtaW5lbnQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

手势识别器的代理方法<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];
}
@end

Tap手势

//
//  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()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/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];
}
@end

Swipe轻扫手势

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()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/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   ];
}
@end

Pinch和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

---

涂鸦

终于效果图:

控制器

//
//  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:画布

//
//  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

截图分类

//
//  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

---

---

---

---

---

---

---

---

---

---

版权声明：本文博客原创文章。博客，未经同意，不得转载。