您好,登錄后才能下訂單哦!
先看下效果
手勢相關的介紹
IOS中手勢操作一般是 UIGestureRecognizer 類的幾個手勢子類去實現,一般我們用到的手勢就這么5種:
1、點擊 UITapGestureRecognizer
2、平移 UIPanGestureRecognizer
3、縮放 UIPinchGestureRecognizer
4、旋轉 UIRotationGestureRecognizer
5、輕掃 UISwipeGestureRecognizer
我們上面這個實例中就用到了上面這5種手勢,不過其中 點擊與輕掃沒有體現出來,只是輸出了下日志而已,一會看代碼
下面我們來分別介紹下這幾種手勢
1、UITapGestureRecognizer 點擊手勢
UITapGestureRecognizer* tapGes = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapGes:)]; // 點擊次數,默認為1,1為單擊,2為雙擊 tapGes.numberOfTapsRequired = 2;
這個點擊手勢類有一個屬性 numberOfTapsRequired 用于設置點擊數,就是點擊幾次才觸發這個事件
2、UIPanGestureRecognizer 平移手勢
// 平移手勢 - (void)initPanGes{ UIPanGestureRecognizer* panGes = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panGes:)]; [self.imgView addGestureRecognizer:panGes]; } - (void)panGes:(UIPanGestureRecognizer*)ges{ // 獲取平移的坐標點 CGPoint transPoint = [ges translationInView:self.imgView]; }
平移手勢本身沒太多可設置的屬性,在平移事件觸發手,可以用 translationInView 方法獲取當前平移坐標點
3、UIPinchGestureRecognizer 縮放手勢
// 縮放手勢 - (void)initPinGes{ UIPinchGestureRecognizer* pinGes = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinGes:)]; [self.imgView addGestureRecognizer:pinGes]; } - (void)pinGes:(UIPinchGestureRecognizer*)ges{ // 縮放 self.imgView.transform = CGAffineTransformScale(self.imgView.transform, ges.scale, ges.scale); }
縮放手勢在事件里面可以獲取 scale 屬性,表示當前縮放值
4、UIRotationGestureRecognizer 旋轉手勢
// 旋轉手勢 - (void)initRotation{ UIRotationGestureRecognizer* rotationGes = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotationGes:)]; [self.imgView addGestureRecognizer:rotationGes]; } - (void)rotationGes:(UIRotationGestureRecognizer*)ges{ // 旋轉圖片 self.imgView.transform = CGAffineTransformRotate(self.imgView.transform, ges.rotation); }
旋轉手勢在事件里面可以通過獲取 rotation 屬性獲取當前旋轉的角度
5、UISwipeGestureRecognizer 輕掃手勢
// 輕掃手勢 - (void)initSwipeGes{ // 創建 從右向左 輕掃的手勢 UISwipeGestureRecognizer* swipeLeftGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)]; // 方向,默認是從左往右 // 最多只能開啟一個手勢,如果要開啟多個就得創建多個手勢 // 監聽從右向左的方向 swipeLeftGes.direction = UISwipeGestureRecognizerDirectionLeft; [self.imgView addGestureRecognizer:swipeLeftGes]; } - (void)swipeGes:(UISwipeGestureRecognizer*)ges{ // ges.direction方向值 NSLog(@"%s diection:%lu",__func__,(unsigned long)ges.direction); }
輕掃手勢對象需要設置 direction 屬性,默認是只監聽從左向右,這是一個枚舉值 UISwipeGestureRecognizerDirection
UISwipeGestureRecognizerDirectionRight 從左向右(默認值) UISwipeGestureRecognizerDirectionLeft 從右向左 UISwipeGestureRecognizerDirectionUp 從下向上 UISwipeGestureRecognizerDirectionDown 從上向下
下面看一下我們上面那個效果圖實現代碼吧
// // ViewController.m // 各種手勢操作 // // Created by xgao on 16/3/24. // Copyright © 2016年 xgao. All rights reserved. // #import "ViewController.h" @interface ViewController ()<UIGestureRecognizerDelegate> @property (weak, nonatomic) IBOutlet UIImageView *imgView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; [self initTapGes]; [self initPanGes]; [self initPinGes]; [self initRotation]; [self initSwipeGes]; } // 點擊手勢 - (void)initTapGes{ UITapGestureRecognizer* tapGes = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapGes:)]; // 點擊次數,默認為1,1為單擊,2為雙擊 tapGes.numberOfTapsRequired = 2; tapGes.delegate = self; [self.imgView addGestureRecognizer:tapGes]; } - (void)tapGes:(UITapGestureRecognizer*)ges{ NSLog(@"%s",__func__); } // 平移手勢 - (void)initPanGes{ UIPanGestureRecognizer* panGes = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panGes:)]; panGes.delegate = self; [self.imgView addGestureRecognizer:panGes]; } - (void)panGes:(UIPanGestureRecognizer*)ges{ // 獲取平移的坐標點 CGPoint transPoint = [ges translationInView:self.imgView]; // 在之前的基礎上移動圖片 self.imgView.transform = CGAffineTransformTranslate(self.imgView.transform, transPoint.x, transPoint.y); // 復原,必需復原 // 每次都清空一下消除坐標疊加 [ges setTranslation:CGPointZero inView:self.imgView]; NSLog(@"%s",__func__); } // 縮放手勢 - (void)initPinGes{ UIPinchGestureRecognizer* pinGes = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinGes:)]; pinGes.delegate = self; [self.imgView addGestureRecognizer:pinGes]; } - (void)pinGes:(UIPinchGestureRecognizer*)ges{ // 縮放 self.imgView.transform = CGAffineTransformScale(self.imgView.transform, ges.scale, ges.scale); // 復原 // 每次都清空一下消除疊加 ges.scale = 1; } // 旋轉手勢 - (void)initRotation{ UIRotationGestureRecognizer* rotationGes = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotationGes:)]; rotationGes.delegate = self; [self.imgView addGestureRecognizer:rotationGes]; } - (void)rotationGes:(UIRotationGestureRecognizer*)ges{ // 旋轉圖片 self.imgView.transform = CGAffineTransformRotate(self.imgView.transform, ges.rotation); // 復原 // 每次都清空一下消除疊加 ges.rotation = 0; NSLog(@"%s",__func__); } // 輕掃手勢 - (void)initSwipeGes{ // 創建 從右向左 輕掃的手勢 UISwipeGestureRecognizer* swipeLeftGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)]; // 方向,默認是從左往右 // 最多只能開啟一個手勢,如果要開啟多個就得創建多個手勢 // 監聽從右向左的方向 swipeLeftGes.direction = UISwipeGestureRecognizerDirectionLeft; swipeLeftGes.delegate = self; [self.imgView addGestureRecognizer:swipeLeftGes]; // 創建 從下向上 輕掃的手勢 UISwipeGestureRecognizer* swipeUpGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)]; // 監聽從下向上的方向 swipeUpGes.direction = UISwipeGestureRecognizerDirectionUp; swipeUpGes.delegate = self; [self.imgView addGestureRecognizer:swipeUpGes]; } - (void)swipeGes:(UISwipeGestureRecognizer*)ges{ // ges.direction方向值 NSLog(@"%s diection:%lu",__func__,(unsigned long)ges.direction); } #pragma mark - UIGestureRecognizerDelegate // 判斷是否能觸發手勢 - (BOOL)gestureRecognizerShouldBegin:(UITapGestureRecognizer *)gestureRecognizer{ return YES; } // 是否允許多手勢操作,不是多觸摸點 - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{ return YES; } @end
這里需要注意的有兩點:
1、對于 平移、縮放、旋轉 這3個手勢,我們如果要用它的值去處理的話,要記得復原!復原!復原!這點很重要!重要的事說3遍~~
平移手勢里面我們需要設置 setTranslation:CGPointZero 來復原它的坐標值,不然下一次事件觸發這個坐標值會疊加
縮放手勢里面設置 ges.scale = 1 來復原它的縮放值
旋轉手勢里面設置 ges.rotation = 0 來復原它的角度值
2、假如我們需要多手勢一起用的時候就需要設置下delegate 里面的一個返回參數的方法了
// 是否允許多手勢操作,不是多觸摸點 - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{ return YES; }
以上所述是小編給大家介紹的IOS中各種手勢操作實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。