iOS手勢使用教程

1、UIGestureRecognizer 介紹

  • UIPanGestureRecognizer(拖動)

  • UIPinchGestureRecognizer(捏合)

  • UIRotationGestureRecognizer(旋轉)

  • UITapGestureRecognizer(點按)

  • UILongPressGestureRecognizer(長按)

  • UISwipeGestureRecognizer(輕掃)

UIGestureRecognizer 的繼承關系如下:

2、使用

//
//  ViewController.m
//  testOfGestureRecognizer
//
//  Created by Bobby on 16/9/6.
//  Copyright ? 2016年 Bobby. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()<UIGestureRecognizerDelegate>
{
    UIImageView * imageView;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    [self createImageView];
    [self createTapGesture];
    [self createPinchGesture];
    [self createRotationGesture];
    [self cretePanGesture];
    [self createLongPreessGesture];
    [self createSwipGesture];

}

- (void)createImageView{
    if (!imageView) {
        imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"image"]];
        [self.view addSubview:imageView];
        imageView.frame = CGRectMake(100, 100, 150, 100);
        imageView.center = self.view.center;
        imageView.userInteractionEnabled = YES;
    }
}

- (void)createTapGesture{

    UITapGestureRecognizer * tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapClick:)];
//  點擊次數 1表示單擊 2 表示 雙擊(快速雙擊)
    tapGesture.numberOfTapsRequired = 1;
//  tapGesture.numberOfTapsRequired = 2;
    
    //設置手指的個數
    tapGesture.numberOfTouchesRequired = 2;
    // 按住 option/alt  就 模擬器上就會出來兩個小圓圈就相當于兩個手指

    [imageView addGestureRecognizer:tapGesture];
    
}
- (void)tapClick:(UITapGestureRecognizer *)tap {
    self.view.backgroundColor = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];
}


- (void)createPinchGesture{

    UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchClick:)];
    
    //一個視圖上可以加 多個手勢的 不過我們一般加1個或者2兩個
    //加的太多了可能會產生影響的
    
    pinch.delegate = self;
    
    [imageView addGestureRecognizer:pinch];
}
//捏合就是 放大 / 縮小
- (void)pinchClick:(UIPinchGestureRecognizer *)pinch {
    
    NSLog(@"pinch.scale:%f",pinch.scale);
    //我們可以通過 transform 仿射變換 進行 放大 縮小
    //可以pinch 的比例 scale
    
    //相對于當前的_imageView.transform 進行縮放
    
    imageView.transform = CGAffineTransformScale(imageView.transform, pinch.scale, pinch.scale);
    
    //重置捏合手勢的比例 每次都應該相對于當前的
    pinch.scale = 1;//下次 相對比例應該從1 開始
}

- (void)createRotationGesture{

    UIRotationGestureRecognizer *rotation = [[UIRotationGestureRecognizer alloc]  initWithTarget:self action:@selector(rotaion:)];
    
    //如果要想兩個手勢同時生效那么需要設置代理
    rotation.delegate = self;
    [imageView addGestureRecognizer:rotation];
}

- (void)rotaion:(UIRotationGestureRecognizer *)rotation {
    //transform 屬性 可以設置旋轉
    
    //相對于 _imageView.transform  當前的弧度  進行 旋轉
    imageView.transform = CGAffineTransformRotate(imageView.transform, rotation.rotation);
    
    //重置 旋轉的弧度 相對于當前的 從0 開始
    //重置0弧度
    rotation.rotation = 0;
}
//拖動/移動手勢
- (void)cretePanGesture{
    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panClick:)];
    //增加手勢
    [imageView addGestureRecognizer:pan];
    
}

- (void)panClick:(UIPanGestureRecognizer *)pan {
    //獲取 拖動手勢的偏移量
    //手勢偏移量 相對的視圖 要和 _imageView相對的坐標視圖保持一致(相對的都是同一個視圖)
    CGPoint offSet = [pan translationInView:self.view];//相對于self.view的偏移量
    //修改中心點位置
    CGPoint point = imageView.center;
    imageView.center = CGPointMake(point.x+offSet.x, point.y+offSet.y);
    //把手勢的偏移量 每次重置(0,0)CGPointZero
    [pan setTranslation:CGPointZero inView:self.view];
}


- (void)createLongPreessGesture{
    UILongPressGestureRecognizer *lPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
    
    [imageView addGestureRecognizer:lPress];
    
}

/*
 長按 手勢 默認會觸發兩次 開始的時候一次 長按結束的時候再觸發一次
 */
- (void)longPress:(UILongPressGestureRecognizer *)longPress {
    //NSLog(@"長按手勢");
    //判斷手勢的狀態
    if (longPress.state == UIGestureRecognizerStateBegan) {//手勢開始的時候
        NSLog(@"長按手勢開始");
    }else if (longPress.state == UIGestureRecognizerStateEnded) {
        //手勢結束的狀態
        NSLog(@"長按手勢結束");
    }
}

- (void)createSwipGesture{

    UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
    
    //滑動手勢 需要設置 方向
    //如果 需要四個方向有效 那么必須要加4手勢在_imageView上
    swipe.direction  =  UISwipeGestureRecognizerDirectionRight;
    
    [imageView addGestureRecognizer:swipe];
}

- (void)swipe:(UISwipeGestureRecognizer *)swipe {
    NSLog(@"滑動手勢");
    CGPoint center = imageView.center;
    switch (swipe.direction) {
        case UISwipeGestureRecognizerDirectionRight://向右
        {
            NSLog(@"向右滑動");
            imageView.center = CGPointMake(center.x+100, center.y);
        }
            break;
        case UISwipeGestureRecognizerDirectionLeft://向左
        {
            NSLog(@"向左滑動");
            imageView.center = CGPointMake(center.x-100, center.y);
        }
            break;
        case UISwipeGestureRecognizerDirectionUp://向上
        {
            NSLog(@"向上滑動");
            imageView.center = CGPointMake(center.x, center.y-100);
            
        }
            break;
        case UISwipeGestureRecognizerDirectionDown://向下
        {
            NSLog(@"向下滑動");
            imageView.center = CGPointMake(center.x, center.y+100);
            
        }
            break;
            
        default:
            break;
    }
}

//默認情況  增加的多個手勢 同時只能有一個生效
/*
 如果要想讓兩個沒有相互影響的手勢同時生效 那么必須要設置這兩個手勢的代理,兩個手勢委托代理來處理就可以了
 代理需要遵守協議
 
 比如 旋轉和捏合沒有相互影響可以設置同時生效 那么就需要設置旋轉手勢的代理和捏合手勢的代理
 同一個代理
 */
#pragma mark - UIGestureRecognizerDelegate協議
//是否允許 兩個手勢同時生效
//NO不允許
//YES允許
//兩個手勢 必須要設置代理

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    NSLog(@"first:%@",[gestureRecognizer class]);
    NSLog(@"second:%@",[otherGestureRecognizer class]);
    return YES;
}

@end
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,967評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,273評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,870評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,742評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,527評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,010評論 1 322
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,108評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,250評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,769評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,656評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,853評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,371評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,103評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,472評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,717評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,487評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,815評論 2 372

推薦閱讀更多精彩內容