浅探iOS手势

昨晚就开始打算  如果今天有空就研究一下 图片的放大缩小以及旋转功能是怎么实现的

在没开始之前 我的思路是:

对于放大缩小

我们先记录开始我们手指2个点  然后算距离 

在change的方法里 计算2点的距离  然后按比例缩放


对于旋转 

先获取2点  然后计算2点的角度
如图


然后我们在change的方法里 也计算角度 然后和原创角度对比 再旋转相应的度数

然后对于图片的变好我是想改变frame和layer属性来实现的

但是 对于我想到的事情苹果又比我早想到了 = =


实现代码如下所示:

实现放大缩小的
- (void)handlePinch:(UIPinchGestureRecognizer *)recognizer {

//在已缩放大小基础下进行累加变化;区别于:使用 CGAffineTransformMakeScale 方法就是在原大小基础下进行变化

CGFloat scale = recognizer.scale;

//    NSLog(@"1  ==  %f",recognizer.scale);

recognizer.view.transform = CGAffineTransformScale(recognizer.view.transform, scale, scale);

recognizer.scale = 1.0; //记得设置为1

}


实现旋转的

/**

*  旋转手势

*/

- (void)handleRotation:(UIRotationGestureRecognizer *)recognizer {

recognizer.view.transform = CGAffineTransformRotate(recognizer.view.transform, recognizer.rotation);

recognizer.rotation = 0.0;//这里记得设置为0

}

创建手势的代码 如下所示:

UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(handlePinch:)];

[view addGestureRecognizer:pinch];

UIRotationGestureRecognizer *rotation = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(handleRotation:)];

[view addGestureRecognizer:rotation];


好了做完自己想要的功能了

总结:1.transform 这属性可以实现view的放大缩小  旋转 的功能;

          2.记得设置 recognizer.scale = 1.0;  和  recognizer.rotation = 0.0;


轻扫手势 (不是轻扫屏幕边缘,是整个屏幕都可以)

//添加轻扫手势

UISwipeGestureRecognizer *swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)];

//设置轻扫的方向

swipeGesture.direction = UISwipeGestureRecognizerDirectionRight; //默认向右

[self.view addGestureRecognizer:swipeGesture];

//添加轻扫手势

UISwipeGestureRecognizer *swipeGestureLeft = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)];

//设置轻扫的方向

//    swipeGestureLeft.direction = UISwipeGestureRecognizerDirectionLeft; //默认向右

[self.view addGestureRecognizer:swipeGestureLeft];


比平常多了一个设置方向的设置


//轻扫手势触发方法

-(void)swipeGesture:(id)sender

{

UISwipeGestureRecognizer *swipe = sender;

if (swipe.direction == UISwipeGestureRecognizerDirectionLeft)

{

NSLog(@"左边");

}

if (swipe.direction == UISwipeGestureRecognizerDirectionRight)

{

NSLog(@"右边");

}

}


再把我之前写的 长按手势 的代码也贴上


/**

*  长按手势

*/

@property (nonatomic, strong) UILongPressGestureRecognizer *longPress;



_longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(lonePressMoving:)];

[self.JPcollectionView addGestureRecognizer:_longPress];



- (void)lonePressMoving:(UILongPressGestureRecognizer *)longPress {

switch (_longPress.state) {

case UIGestureRecognizerStateBegan: {

{

CLog(@"开始");

}

break;

}

case UIGestureRecognizerStateChanged: {

//拖动

break;

}

case UIGestureRecognizerStateEnded: {

CLog(@"结束");

break;

}

default: [self.JPcollectionView cancelInteractiveMovement];

break;

}

}


iOS的手势有七种

UIPanGestureRecognizer(拖动)

UIPinchGestureRecognizer(捏合)

UIRotationGestureRecognizer(旋转)

UITapGestureRecognizer(点按)

UILongPressGestureRecognizer(长按)

​UISwipeGestureRecognizer(轻扫)

自定义


自定义的思路: 1.继承 UIGestureRecognizer 类 (记得导入 #import <UIKit/UIGestureRecognizerSubclass.h > )
                          2.定制下面的方法      

- (void)reset;

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event;

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event;

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;

//以上方法在分类 UIGestureRecognizer (UIGestureRecognizerProtected) 中声明,更多方法声明请自行查看

//单击手势 (自定义的)

UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(showPicker)];

tapGesture.numberOfTapsRequired = 1;//手势敲击的次数

[self.view addGestureRecognizer:tapGesture];

然后就写方法就可以了



UIGestureRecognizer 的继承关系如下:

手势状态

在前六种手势识别中,只有一种手势是离散型手势,它就是 UITapGestureRecognizer。

离散型手势的特点就是:一旦识别就无法取消,而且只会调用一次手势操作事件(初始化手势时指定的回调方法)。

​换句话说其他五种手势是连续型手势,而连续型手势的特点就是:会多次调用手势操作事件,而且在连续手势识别后可以取消手势。从下图可以看出两者调用操作事件的次数是不同的:

手势状态枚举如下:

typedef NS_ENUM(NSInteger, UIGestureRecognizerState) {

UIGestureRecognizerStatePossible,  // 尚未识别是何种手势操作(但可能已经触发了触摸事件),默认状态

UIGestureRecognizerStateBegan,      // 手势已经开始,此时已经被识别,但是这个过程中可能发生变化,手势操作尚未完成

UIGestureRecognizerStateChanged,    // 手势状态发生转变

UIGestureRecognizerStateEnded,      // 手势识别操作完成(此时已经松开手指)

UIGestureRecognizerStateCancelled,  // 手势被取消,恢复到默认状态

UIGestureRecognizerStateFailed,    // 手势识别失败,恢复到默认状态

UIGestureRecognizerStateRecognized = UIGestureRecognizerStateEnded // 手势识别完成,同UIGestureRecognizerStateEnded

};


对于离散型手势 UITapGestureRecgnizer 要么被识别,要么失败,点按(假设点按次数设置为1,并且没有添加长按手势)下去一次不松开则此时什么也不会发生,松开手指立即识别并调用操作事件,并且状态为3(已完成)。

但是连续型手势要复杂一些,就拿旋转手势来说,如果两个手指点下去不做任何操作,此时并不能识别手势(因为我们还没旋转)但是其实已经触发了触摸开始事件,此时处于状态0;如果此时旋转会被识别,也就会调用对应的操作事件,同时状态变成1(手势开始),但是状态1只有一瞬间;紧接着状态变为2(因为我们的旋转需要持续一会),并且重复调用操作事件(如果在事件中打印状态会重复打印2);松开手指,此时状态变为3,并调用1次操作事件。


下面就说一下装逼一点的了

手势穿透

适用场景ViewA 当住了部分ViewB(A在B的上面) 但是A中可以看到B的部分  然后点了AB重复的部分 B触发方法


如何实现:
重写 响应链中的   -(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event;  方法

这个方法做了什么事情呢?
1.判断当前控件userInteractionEnabled、hidden、alpha这三个属性的值

2.调用 pointInside: withEvent: 方法

3.从后向前遍历子控件,并调用子控件的 hitTest: withEvent: 和 pointInside: withEvent: 方法

因为🍎是不开源的 所以猜测的代码如下

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {

    if (self.userInteractionEnabled == NO || self.hidden == YES || self.alpha <= 0.01) {

        return nil;

    }

    if ([self pointInside:point withEvent:event] == NO) {

        return nil;

    }

    int count = (int)self.subviews.count - 1;

    for (int i = count; i >= 0 ; i--) {

        UIView *view = self.subviews[i];

        CGPoint p = [view convertPoint:point fromView:self];

        if ([view pointInside:p withEvent:event]) {

            return [view hitTest:p withEvent:event];

            break;

         }

}

return self;

}


- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event;

这个方法的作用就是判断这个点 它在不在他的范围内  它能不能响应这个点击事件


若和实现手势穿透呢

判断当前的view是不是我大的那个view  如果是我就让这方法继续走  如果不是就返回nil


用黑科技实现手势穿透


要是情况允许 我们可以设置tag值  用tag值 和point 来实现 我们想要的效果





最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容