变更记录

序号 录入时间 录入人 备注
1 2015-04-25 Alfred Jiang -
2 2015-12-23 Alfred Jiang -

方案名称

手势 - 实现手势操作介绍

关键字

手势 \ Gesture Recognizer \ 手势操作

需求场景

  1. 需要对页面增加手势操作响应时

参考链接

  1. Apple documentation
  2. iOS手势识别的详细使用：拖动、缩放、旋转、点击、手势依赖、自定义手势
  3. UIGestureRecognizer Tutorial in iOS 5: Pinches, Pans, and More!

详细内容

SDK 提供的手势
序号 手势 Class 说明
1 Tap Gesture Recognizer UITapGestureRecognizer 点击手势
2 Pinch Gesture Recognizer UIPinchGestureRecognizer 二指往內或往外拨动，平时经常用到的缩放
3 Rotation Gesture Recognizer UIRotationGestureRecognizer 旋转手势
4 Swipe Gesture Recognizer UISwipeGestureRecognizer 滑动，快速移动
5 Pan Gesture Recognizer UIPanGestureRecognizer 拖移，慢速移动
6 Screen Edge Pan Gesture Recognizer UIScreenEdgePanGestureRecognizer 屏幕边缘拖动手势
7 Long Press Gesture Recognizer UILongPressGestureRecognizer 长按手势
自定义手势举例
定义 TickleGestureRecognizer

  1. TickleGestureRecognizer.h

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    #import <UIKit/UIKit.h>

    typedef enum {
        DirectionUnknown = 0,
        DirectionLeft,
        DirectionRight
    } Direction;

    @interface TickleGestureRecognizer : UIGestureRecognizer

    @property (assign) int tickleCount;
    @property (assign) CGPoint curTickleStart;
    @property (assign) Direction lastDirection;

    @end

  2. TickleGestureRecognizer.m

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    #import "TickleGestureRecognizer.h"
    #import <UIKit/UIGestureRecognizerSubclass.h>

    #define REQUIRED_TICKLES        2
    #define MOVE_AMT_PER_TICKLE     25

    @implementation TickleGestureRecognizer
    @synthesize tickleCount;
    @synthesize curTickleStart;
    @synthesize lastDirection;

    - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
        UITouch * touch = [touches anyObject];
        self.curTickleStart = [touch locationInView:self.view];
    }

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

        // Make sure we've moved a minimum amount since curTickleStart
        UITouch * touch = [touches anyObject];
        CGPoint ticklePoint = [touch locationInView:self.view];
        CGFloat moveAmt = ticklePoint.x - curTickleStart.x;
        Direction curDirection;
        if (moveAmt < 0) {
            curDirection = DirectionLeft;
        } else {
            curDirection = DirectionRight;
        }
        if (ABS(moveAmt) < MOVE_AMT_PER_TICKLE) return;

        // Make sure we've switched directions
        if (self.lastDirection == DirectionUnknown ||
            (self.lastDirection == DirectionLeft && curDirection == DirectionRight) ||
            (self.lastDirection == DirectionRight && curDirection == DirectionLeft)) {

            // w00t we've got a tickle!
            self.tickleCount++;
            self.curTickleStart = ticklePoint;
            self.lastDirection = curDirection;

            // Once we have the required number of tickles, switch the state to ended.
            // As a result of doing this, the callback will be called.
            if (self.state == UIGestureRecognizerStatePossible && self.tickleCount > REQUIRED_TICKLES) {
                [self setState:UIGestureRecognizerStateEnded];
            }
        }

    }

    - (void)resetState {
        self.tickleCount = 0;
        self.curTickleStart = CGPointZero;
        self.lastDirection = DirectionUnknown;
        if (self.state == UIGestureRecognizerStatePossible) {
            [self setState:UIGestureRecognizerStateFailed];
        }
    }

    - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
    {
        [self resetState];
    }

    - (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
    {
        [self resetState];
    }

    @end
使用 TickleGestureRecognizer

  1. ViewController.h

    1
    2
    3
    4
    5
    6
    // Add to top of file
    #import "TickleGestureRecognizer.h"

    // Add after @interface
    @property (strong) AVAudioPlayer * hehePlayer;
    - (void)handleTickle:(TickleGestureRecognizer *)recognizer;

  2. ViewController.m

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    // After @implementation
    @synthesize hehePlayer;

    // In viewDidLoad, right after TODO
    TickleGestureRecognizer * recognizer2 = [[TickleGestureRecognizer alloc] initWithTarget:self action:@selector(handleTickle:)];
    recognizer2.delegate = self;
    [view addGestureRecognizer:recognizer2];

    // At end of viewDidLoad
    self.hehePlayer = [self loadWav:@"hehehe1"];

    // Add at beginning of handlePan (gotta turn off pan to recognize tickles)
    return;

    // At end of file
    - (void)handleTickle:(TickleGestureRecognizer *)recognizer {
        [self.hehePlayer play];
    }

效果图

（无）

备注

（无）