iOS開發之手勢識別

2019-11-14 20:02:13

字體：大中小

來源：轉載

供稿：網友

　　感覺有必要把iOS開發中的手勢識別做一個小小的總結。在上一篇iOS開發之自定義表情鍵盤(組件封裝與自動布局)博客中用到了一個輕擊手勢，就是在輕擊TextView時從表情鍵盤回到系統鍵盤，在TextView中的手是用storyboard添加的。下面會先給出如何用storyboard給相應的控件添加手勢，然后在用純代碼的方式給我們的控件添加手勢，手勢的用法比較簡單。和button的用法類似，也是目標動作回調，話不多說，切入今天的正題?？偣灿辛N手勢識別：輕擊手勢（TapGestureRecognizer）,輕掃手勢（SwipeGestureRecognizer）, 長按手勢（LongPRessGestureRecognizer）, 拖動手勢（PanGestureRecognizer）, 捏合手勢（PinchGestureRecognizer）,旋轉手勢（RotationGestureRecognizer）;

　　其實這些手勢用touche事件完全可以實現，蘋果就是把常用的觸摸事件封裝成手勢，來提供給用戶。讀者完全可以用TouchesMoved來寫拖動手勢等

　　一，用storyboard給控件添加手勢識別，當然啦用storyboard得截張圖啦

　　　　1.用storyboard添加手勢識別，和添加一個Button的步驟一樣，首先我們得找到相應的手勢，把手勢識別的控件拖到我們要添加手勢的控件中，截圖如下：

　　　　2.給我們拖出的手勢添加回調事件，和給Button回調事件沒啥區別的，在回調方法中添加要實現的業務邏輯即可，截圖如下：

　　二，純代碼添加手勢識別

　　　　用storyboard可以大大簡化我們的操作，不過純代碼的方式還是要會的，就像要Dreamwear編輯網頁一樣（當然啦，storyboard的拖拽功能要比Dreamwear的拖拽強大的多），用純代碼敲出來的更為靈活，更加便于維護。不過用storyboard可以減少我們的工作量，這兩個要配合著使用才能大大的提高我們的開發效率。個人感覺用storyboard把框架搭起來（Controller間的關系），一下小的東西還是用純代碼敲出來更好一些。下面就給出如何給我們的控件用純代碼的方式來添加手勢識別。

　　　　1.輕擊手勢（TapGestureRecognizer）的添加

　　　　　　初始化代碼TapGestureRecongnizer的代碼如下：

1     //新建tap手勢2     UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGesture:)];3     //設置點擊次數和點擊手指數4     tapGesture.numberOfTapsRequired = 1; //點擊次數5     tapGesture.numberOfTouchesRequired = 1; //點擊手指數6     [self.view addGestureRecognizer:tapGesture];

　　　　在回調方法中添加相應的業務邏輯：

1 //輕擊手勢觸發方法2 -(void)tapGesture:(id)sender3 {4     //輕擊后要做的事情        5 }

　　　　2.長按手勢（LongPressGestureRecognizer）

　　　　　　初始化代碼：

1     //添加長摁手勢2     UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPressGesture:)];3     //設置長按時間4     longPressGesture.minimumPressDuration = 0.5; //(2秒)5     [self.view addGestureRecognizer:longPressGesture];

　　　　　在對應的回調方法中添加相應的方法（當手勢開始時執行）：

 1 //常摁手勢觸發方法 2 -(void)longPressGesture:(id)sender 3 { 4     UILongPressGestureRecognizer *longPress = sender; 5     if (longPress.state == UIGestureRecognizerStateBegan) 6     { 7         UIAlertView *alter = [[UIAlertView alloc] initWithTitle:@"提示" message:@"長按觸發" delegate:nil cancelButtonTitle:@"取消" otherButtonTitles: nil]; 8         [alter show]; 9     }10 }

　　　　代碼說明：手勢的常用狀態如下

　　　　　　開始：UIGestureRecognizerStateBegan

　　　　　　改變：UIGestureRecognizerStateChanged

　　　　　　結束：UIGestureRecognizerStateEnded

　　　　　取消：UIGestureRecognizerStateCancelled

　　　　　　失敗：UIGestureRecognizerStateFailed

　　　　3.輕掃手勢（SwipeGestureRecognizer）

　　　　　　在初始化輕掃手勢的時候得指定輕掃的方向，上下左右。如果要要添加多個輕掃方向，就得添加多個輕掃手勢，不過回調的是同一個方法。

　　　　　　添加輕掃手勢，一個向左一個向右，代碼如下：

 1     //添加輕掃手勢 2     UISwipeGestureRecognizer *swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)]; 3     //設置輕掃的方向 4     swipeGesture.direction = UISwipeGestureRecognizerDirectionRight; //默認向右 5     [self.view addGestureRecognizer:swipeGesture]; 6      7     //添加輕掃手勢 8     UISwipeGestureRecognizer *swipeGestureLeft = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeGesture:)]; 9     //設置輕掃的方向10     swipeGestureLeft.direction = UISwipeGestureRecognizerDirectionLeft; //默認向右11     [self.view addGestureRecognizer:swipeGestureLeft];

　　　　　回調方法如下：

 1 //輕掃手勢觸發方法 2 -(void)swipeGesture:(id)sender 3 { 4     UISwipeGestureRecognizer *swipe = sender; 5     if (swipe.direction == UISwipeGestureRecognizerDirectionLeft) 6     { 7         //向左輕掃做的事情 8     } 9     if (swipe.direction == UISwipeGestureRecognizerDirectionRight)10     {11         //向右輕掃做的事情12     }13 }14

　　　　4.捏合手勢（PinchGestureRecognizer）

　　　　　　捏合手勢初始化

1     //添加捏合手勢2     UIPinchGestureRecognizer *pinchGesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchGesture:)];3     [self.view addGestureRecognizer:pinchGesture];

　　　　　　捏合手勢要觸發的方法（放大或者縮小圖片）：

 1 ////捏合手勢觸發方法 2 -(void) pinchGesture:(id)sender 3 { 4      UIPinchGestureRecognizer *gesture = sender; 5      6     //手勢改變時 7     if (gesture.state == UIGestureRecognizerStateChanged) 8     { 9         //捏合手勢中scale屬性記錄的縮放比例10         _imageView.transform = CGAffineTransformMakeScale(gesture.scale, gesture.scale);11     }12     13     //結束后恢復14     if(gesture.state==UIGestureRecognizerStateEnded)15     {16         [UIView animateWithDuration:0.5 animations:^{17             _imageView.transform = CGAffineTransformIdentity;//取消一切形變18         }];19     }20 }

　　　　5.拖動手勢（PanGestureRecognizer）

　　　　　　拖動手勢的初始化

1     //添加拖動手勢2     UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGesture:)];3     [self.view addGestureRecognizer:panGesture];

　　　　拖動手勢要做的方法（通過translationInView獲取移動的點，和TouchesMoved方法類似）

1 //拖動手勢2 -(void) panGesture:(id)sender3 {4     UIPanGestureRecognizer *panGesture = sender;5     6     CGPoint movePoint = [panGesture translationInView:self.view];7     8     //做你想做的事兒9 }

　　　　6.旋轉手勢（RotationGestureRecognizer）

　　　　　　旋轉手勢的初始化

1     //添加旋轉手勢2     UIRotationGestureRecognizer *rotationGesture = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotationGesture:)];3     [self.view addGestureRecognizer:rotationGesture];

　　　　　　旋轉手勢調用的方法：

 1 //旋轉手勢 2 -(void)rotationGesture:(id)sender 3 { 4      5     UIRotationGestureRecognizer *gesture = sender; 6      7     if (gesture.state==UIGestureRecognizerStateChanged) 8     { 9         _imageView.transform=CGAffineTransformMakeRotation(gesture.rotation);10     }11     12     if(gesture.state==UIGestureRecognizerStateEnded)13     {14         15         [UIView animateWithDuration:1 animations:^{16             _imageView.transform=CGAffineTransformIdentity;//取消形變17         }];18     }19     20 }