1. 程式人生 > >iOS開發之觸控事件及手勢

iOS開發之觸控事件及手勢

非盈利無廣告開發者專用網址導航:www.dev666.com

1、iOS中的事件

在使用者使用app過程中,會產生各種各樣的事件,iOS中的事件可以分為3大型別:

2、響應者物件

在iOS中不是任何物件都能處理事件,只有繼承了UIResponder的物件才能接收並處理事件。我們稱之為“響應者物件”,

UIApplication、UIViewController、UIView都繼承自UIResponder,因此它們都是響應者物件,都能夠接收並處理事件。

2UIResponder

繼承了UIResponder就可以處理事件。UIResponder內部提供了以下方法來處理事件:

觸控事件:

- (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;

加速計事件:

- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event;

- (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event;

- (void)motionCancelled:(UIEventSubtype)motion withEvent:(UIEvent *)event;

遠端控制事件:

-(void)remoteControlReceivedWithEvent:(UIEvent *)event;

3UIView的觸控事件處理

UIView是UIResponder的子類,可以覆蓋下列4個方法處理不同的觸控事件:

一根或者多根手指開始觸控view,系統會自動呼叫view的下面方法:

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

 

一根或者多根手指在view上移動,系統會自動呼叫view的下面方法(隨著手指的移動,會持續呼叫該方法):

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

 

一根或者多根手指離開view,系統會自動呼叫view的下面方法:

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

 

觸控結束前,某個系統事件(例如電話呼入)會打斷觸控過程,系統會自動呼叫view的下面方法:

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

【備註】touches中存放的都是UITouch物件。UIView預設情況下是不支援多點觸控的,設定使它支援多點觸控的方法為勾選下面選項:

通過上面touches引數可以取得關於手指移動的各種資料,例如,使UIView隨手指移動:

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [touches anyObject];
   
    // 當前觸控點,設定以自己為參照,座標原點為自己(self)的左上角
    CGPoint current = [touch locationInView:self];
    // 上一個觸控點
    CGPoint previous = [touch previousLocationInView:self];
   
    // 修改當前view的位置(中點)
    CGPoint center = self.center;
    center.x += current.x - previous.x;
    center.y += current.y - previous.y;
    self.center = center;
}

4UITouch

當用戶用一根手指觸控式螢幕幕時,會建立一個與手指相關聯的UITouch物件,一根手指對應一個UITouch物件。

UITouch的作用

儲存著跟手指相關的資訊,比如觸控的位置、時間、階段:

(1)當手指移動時,系統會更新同一個UITouch物件,使之能夠一直儲存該手指在的觸控位置

(2)當手指離開螢幕時,系統會銷燬相應的UITouch物件

【備註】iPhone開發中,要避免使用雙擊事件!

5UITouch的屬性

觸控產生時所處的視窗:

@property(nonatomic,readonly,retain) UIWindow    *window;

 

觸控產生時所處的檢視:

@property(nonatomic,readonly,retain) UIView      *view;

 

短時間內點按螢幕的次數,可以根據tapCount判斷單擊、雙擊或更多的點選:

@property(nonatomic,readonly) NSUInteger          tapCount;

 

記錄了觸控事件產生或變化時的時間,單位是秒:

@property(nonatomic,readonly) NSTimeInterval      timestamp;

當前觸控事件所處的狀態:

@property(nonatomic,readonly) UITouchPhase        phase;

【備註】UITouchPhase是一個列舉型別,包含:

UITouchPhaseBegan(觸控開始)

UITouchPhaseMoved(接觸點移動)

UITouchPhaseStationary(接觸點無移動)

UITouchPhaseEnded(觸控結束)

UITouchPhaseCancelled(觸控取消)

6UITouch的方法

- (CGPoint)locationInView:(UIView *)view;

返回值表示觸控在view上的位置,這裡返回的位置是針對view的座標系的(以view的左上角為原點(0, 0)),呼叫時傳入的view引數為nil的話,返回的是觸控點在UIWindow的位置。

 

- (CGPoint)previousLocationInView:(UIView *)view;

該方法記錄了前一個觸控點的位置

7UIEvent

每產生一個事件,就會產生一個UIEvent物件。

UIEvent

稱為事件物件,記錄事件產生的時刻和型別

常見屬性:

事件型別:

@property(nonatomic,readonly) UIEventType     type;

@property(nonatomic,readonly) UIEventSubtype  subtype;

事件產生的時間:

@property(nonatomic,readonly) NSTimeInterval  timestamp;

【備註】UIEvent還提供了相應的方法可以獲得在某個view上面的觸控物件(UITouch)。

typedef NS_ENUM(NSInteger, UIEventType) {
    UIEventTypeTouches,
    UIEventTypeMotion,
    UIEventTypeRemoteControl,
};
typedef NS_ENUM(NSInteger, UIEventSubtype) {
    // available in iPhone OS 3.0
    UIEventSubtypeNone                              = 0,
   
    // for UIEventTypeMotion, available in iPhone OS 3.0
    UIEventSubtypeMotionShake                       = 1,
   
    // for UIEventTypeRemoteControl, available in iOS 4.0
    UIEventSubtypeRemoteControlPlay                 = 100,
    UIEventSubtypeRemoteControlPause                = 101,
    UIEventSubtypeRemoteControlStop                 = 102,
    UIEventSubtypeRemoteControlTogglePlayPause      = 103,
    UIEventSubtypeRemoteControlNextTrack            = 104,
    UIEventSubtypeRemoteControlPreviousTrack        = 105,
    UIEventSubtypeRemoteControlBeginSeekingBackward = 106,
    UIEventSubtypeRemoteControlEndSeekingBackward   = 107,
    UIEventSubtypeRemoteControlBeginSeekingForward  = 108,
    UIEventSubtypeRemoteControlEndSeekingForward    = 109,
};

8touchesevent引數

一次完整的觸控過程,會經歷3個狀態:

觸控開始:- (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

4個觸控事件處理方法中,都有NSSet *touches和UIEvent *event兩個引數:

(1)一次完整的觸控過程中,只會產生一個事件物件,4個觸控方法都是同一個event引數

(2)如果兩根手指同時觸控一個view,那麼view只會呼叫一次touchesBegan:withEvent:方法,touches引數中裝著2個UITouch物件

(3)如果這兩根手指一前一後分開觸控同一個view,那麼view會分別呼叫2次touchesBegan:withEvent:方法,並且每次呼叫時的touches引數中只包含一個UITouch物件

(4)根據touches中UITouch的個數可以判斷出是單點觸控還是多點觸控

【備註】

typedef NS_ENUM(NSInteger, UIEventType) {
    UIEventTypeTouches,
    UIEventTypeMotion,
    UIEventTypeRemoteControl,
};
typedef NS_ENUM(NSInteger, UIEventSubtype) {
    // available in iPhone OS 3.0
    UIEventSubtypeNone                              = 0,
   
    // for UIEventTypeMotion, available in iPhone OS 3.0
    UIEventSubtypeMotionShake                       = 1,
   
    // for UIEventTypeRemoteControl, available in iOS 4.0
    UIEventSubtypeRemoteControlPlay                 = 100,
    UIEventSubtypeRemoteControlPause                = 101,
    UIEventSubtypeRemoteControlStop                 = 102,
    UIEventSubtypeRemoteControlTogglePlayPause      = 103,
    UIEventSubtypeRemoteControlNextTrack            = 104,
    UIEventSubtypeRemoteControlPreviousTrack        = 105,
    UIEventSubtypeRemoteControlBeginSeekingBackward = 106,
    UIEventSubtypeRemoteControlEndSeekingBackward   = 107,
    UIEventSubtypeRemoteControlBeginSeekingForward  = 108,
    UIEventSubtypeRemoteControlEndSeekingForward    = 109,
};

9、事件的產生和傳遞

發生觸控事件後,系統會將該事件加入到一個由UIApplication管理的事件佇列中,UIApplication會從事件佇列中取出最前面的事件,並將事件分發下去以便處理,通常,先發送事件給應用程式的主視窗(keyWindow),主視窗會在檢視層次結構中找到一個最合適的檢視來處理觸控事件,這也是整個事件處理過程的第一步,找到合適的檢視控制元件後,就會呼叫檢視控制元件的touches方法來作具體的事件處理:

touchesBegan…

touchesMoved…

touchedEnded…

事件傳遞示例:

觸控事件的傳遞是從父控制元件傳遞到子控制元件:

(1)點選了綠色的view:

UIApplication -> UIWindow -> 白色 -> 綠色

(2)點選了藍色的view:

UIApplication -> UIWindow -> 白色 -> 橙色 -> 藍色

(3)點選了黃色的view:

UIApplication -> UIWindow -> 白色 -> 橙色 -> 藍色 -> 黃色

【備註】如果父控制元件不能接收觸控事件,那麼子控制元件就不可能接收到觸控事件(掌握)

10UIView不接收觸控事件的三種情況

(1)不接收使用者互動

userInteractionEnabled = NO

(2)隱藏

hidden = YES

(3)透明

alpha = 0.0 ~ 0.01

【備註】UIImageView的userInteractionEnabled預設就是NO,因此UIImageView以及它的子控制元件預設是不能接收觸控事件的。

11、    觸控事件處理的詳細過程

使用者點選屏幕後產生的一個觸控事件,經過一些列的傳遞過程後,會找到最合適的檢視控制元件來處理這個事件。找到最合適的檢視控制元件後,就會呼叫控制元件的touches方法來作具體的事件處理:

touchesBegan…

touchesMoved…

touchedEnded…

這些touches方法的預設做法是將事件順著響應者鏈條向上傳遞,將事件交給上一個響應者進行處理。

12、響應者鏈條示意圖

 

11、    響應者鏈的事件傳遞過程

(1)如果view的控制器存在,就傳遞給控制器;如果控制器不存在,則將其傳遞給它的父檢視。

(2)在檢視層次結構的最頂級檢視,如果也不能處理收到的事件或訊息,則其將事件或訊息傳遞給window物件進行處理。

(3)如果window物件也不處理,則其將事件或訊息傳遞給UIApplication物件。

(4)如果UIApplication也不能處理該事件或訊息,則將其丟棄。

13、觸控事件完整處理過程

1、先將事件物件由上往下傳遞(由父控制元件傳遞給子控制元件),找到最合適的控制元件來處理事件。

2、呼叫最合適控制元件的touches…方法。

3、如果這個控制元件呼叫了[super touches…];就會將事件順著相應鏈條往下傳遞,傳遞給下一個響應者。

4、接著就會呼叫下一個響應者的touches…方法。

5、事件還可以繼續往下傳遞,直到UIApplication,如果UIApplication也不處理該事件或訊息,則將其丟棄。

【備註】關於上面的下一個響應者:

(1) 如果當前這個View是控制器的View,那麼控制器就是下一個響應者。

(2) 如果當前這個View不是控制器的View,那麼父控制元件就是下一個響應者。

14UIGestureRecognizer

如果想監聽一個view上面的觸控事件,之前的做法是:

(1)自定義一個view。

(2)實現view的touches方法,在方法內部實現具體處理程式碼。

通過touches方法監聽view觸控事件,有很明顯的幾個缺點:

(1)必須得自定義view。

(2)由於是在view內部的touches方法中監聽觸控事件,因此預設情況下,無法讓其他外界物件監聽view的觸控事件。

(3)不容易區分使用者的具體手勢行為。

iOS 3.2之後,蘋果推出了手勢識別功能(Gesture Recognizer),在觸控事件處理方面,大大簡化了開發者的開發難度。

為了完成手勢識別,必須藉助於手勢識別器----UIGestureRecognizer,利用UIGestureRecognizer,能輕鬆識別使用者在某個view上面做的一些常見手勢,UIGestureRecognizer是一個抽象類,定義了所有手勢的基本行為,使用它的子類才能處理具體的手勢:

(1)UITapGestureRecognizer(敲擊)

(2)UIPinchGestureRecognizer(捏合,用於縮放)

(3)UIPanGestureRecognizer(拖拽)

(4)UISwipeGestureRecognizer(輕掃)

(5)UIRotationGestureRecognizer(旋轉)

(6)UILongPressGestureRecognizer(長按)

15UITapGestureRecognizer

1、使用方法

每一個手勢識別器的用法都差不多,比如UITapGestureRecognizer的使用步驟如下:

先勾選如下選項:

//第一步:建立手勢識別器物件
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] init];
//第二步:設定手勢識別器物件的具體屬性(預設為敲擊一次)
// 連續敲擊2次
tap.numberOfTapsRequired = 2;
// 需要2根手指一起敲擊
tap.numberOfTouchesRequired = 2;
//第三步:新增手勢識別器到對應的view上
[self.iconView addGestureRecognizer:tap];
//第四步:監聽手勢的觸發
[tap addTarget:self action:@selector(tapIconView:)];

事件發生會呼叫自定義的tapIconView方法。

【備註】通過tap.view可以獲得被點選的那個view。

2、UITapGestureRecognizer的代理

設定UITapGestureRecognizer的代理為被點選UIView所在的控制器,遵守代理協議UITapGestureRecognizerDelegate。之後就可以實現相應代理方法,比如:

/**
 *  當點選view的時候,會先呼叫這個方法,返回NO則攔截了
*點選事件
 */
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch
{
   //使只有點選左邊一半才起反應,點選右邊沒反應
    CGPoint pos = [touch locationInView:touch.view];
    if (pos.x <= self.iconView.frame.size.width * 0.5) {
        return YES;
    }
    return NO;
}

16、手勢識別的狀態

typedef NS_ENUM(NSInteger, UIGestureRecognizerState) {
    // 沒有觸控事件發生,所有手勢識別的預設狀態
    UIGestureRecognizerStatePossible,
    // 一個手勢已經開始但尚未改變或者完成時
    UIGestureRecognizerStateBegan,
    // 手勢狀態改變
    UIGestureRecognizerStateChanged,
    // 手勢完成
    UIGestureRecognizerStateEnded,
    // 手勢取消,恢復至Possible狀態
    UIGestureRecognizerStateCancelled,
    // 手勢失敗,恢復至Possible狀態
    UIGestureRecognizerStateFailed,
    // 識別到手勢識別
    UIGestureRecognizerStateRecognized = UIGestureRecognizerStateEnded
};

手勢識別狀態變化示意圖:

更多內容與學習交流請關注個人微信公眾賬號:極客峰