iOS_38_手势

iOS_38_手势

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

Pan平移手势
终于效果图:
iOS_38_手势

Swipe轻扫手势


LongPress长按手势


iOS_38_手势

Pinch和Rotation手势


捏合(缩放)和旋转


终于效果图:


iOS_38_手势

涂鸦

终于效果图:


iOS_38_手势

事件分3大类:触摸、加速计、远程遥控
iOS_38_手势
仅仅有响应者的子类,才干够接收和处理事件
iOS_38_手势
父类响应者中定义的事件处理接口例如以下:
iOS_38_手势
触摸事件处理的四个方法例如以下:(仅仅要实现,系统会自己主动调用)
iOS_38_手势
一个UITouch对象,代表着一根手指,手指移动,UITouch对象实时更新
iOS_38_手势
一个UITouch对象,相应一根手指,记录着触摸时的全部信息
iOS_38_手势
重要~常常使用UITouch的方法,取得触摸时的信息(如位置、所点对象)
iOS_38_手势
事件对象UIEvent,经常使用的属性是:事件类型
iOS_38_手势
触摸的四个方法(即过程)具体解释:注意同一时候和一前一后触摸的情况
iOS_38_手势
必须先找到事件的最合适的响应者(从父到子地找)
iOS_38_手势
以下是寻找最合适的事件响应者详细样例:
iOS_38_手势
特殊情况:要尤其注意
iOS_38_手势
找到了事件的最佳处理者之后,就是响应者链条了
默认是会调用其[super touchesXXX],这个super就是上一个响应者
即:官方文档中的next responder
iOS_38_手势
以下是官方文档中关于上一个响应者的图片,即Next Responder
iOS_38_手势
总结起来就是:view有控制器,则传给控制器;否则,传给父view
iOS_38_手势
再次总结:响应者链条传递机制(上一个响应者就是NEXT RESPONDER)
iOS_38_手势
传统监听事件的做法:(不再推荐使用)
iOS_38_手势
六种手势识别器,后面会详细举例:
假设要同一时候监听两种以上的手势:
为每个手势设置delegate,而且实现以下的方法

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

iOS_38_手势
手势识别器的标准做法:三步曲(创建、设置、绑定)
iOS_38_手势
重点关注三种手势识别的状态:開始\结束\取消
iOS_38_手势
官方文档中关于手势识别的状态变化图
iOS_38_手势
手势识别器的代理方法<
UIGestureRecognizerDelegate>
当中:shouldReceiveTouch能够指定手势在特定条件下有效

shouldRecognizeSimultaneouslyWithGestureRecognizer

返回YES代表能够同一时候识别不同手势,如同一时候旋转和缩放

iOS_38_手势

Pan平移手势
终于效果图:
iOS_38_手势
//
//  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长按手势


iOS_38_手势

长按手势的主要属性參数


iOS_38_手势

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


捏合(缩放)和旋转


终于效果图:


iOS_38_手势

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




涂鸦

终于效果图:


iOS_38_手势

控制器

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






































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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/117458.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号