UI:触摸与手势

触摸(UITouch)

  • UITouch方法
// 触摸开始
 - (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;
  • 场景举例
    有时需要用户触摸某个视图移动,并且视图会跟着触摸手势轨迹的移动的时候,我们可通过触摸移动方法touchesMoved实现。
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    NSLog(@"%@", NSStringFromSelector(_cmd)); UITouch *touch = [touches anyObject]; if (touch.view == _showView) {
        // 前一个点
        CGPoint previousLocation = [touch previousLocationInView:_showView]; // 当前点
        CGPoint currentLocation = [touch locationInView:_showView]; // 偏移
        CGPoint offset = CGPointMake(currentLocation.x - previousLocation.x,currentLocation.y - previousLocation.y); // 改变视图位置
        _showView.center = CGPointMake(_showView.center.x + offset.x,_showView.center.y + offset.y); }
}

手势(UIGestureRecognizer)

简介
  • Cocoa Touch中为我们提供了便利的手势处理类:UIGestureRecognizer

  • 由UIGestureRecognizer衍生的常用子类有:
    点击手势:UITapGestureRecognizer
    缩放手势:UIPinchGestureRecognizer
    旋转手势:UIRotationGestureRecognizer
    滑动手势:UISwipeGestureRecognizer
    拖动手势:UIPanGestureRecognizer
    长按手势:UILongPressGestureRecognizer

  • 初始化手势

- (id)initWithTarget:(id)target action:(SEL)action;
  • 添加或移除指定视图上的手势
// 添加手势 
- (void)addGestureRecognizer:(UIGestureRecognizer*)gestureRecognizer;

// 移除手势
- (void)removeGestureRecognizer:(UIGestureRecognizer*)gestureRecognizer; 
  • 当同一视图上存在多个手势时,会出现冲突,可以使用一个方法来避免多手势带来的冲突
- (void)requireGestureRecognizerToFail:(UIGestureRecognizer *)otherGestureRecognizer; 
代码示例
#import "UIGestureRecognizerViewController.h" 

#define vc_title @"Gesture" 

@interface UIGestureRecognizerViewController ()

@property (nonatomic, strong)UILabel *stateLabel; 
@property (nonatomic, strong)UIView *gestureView; 
/**
 *  初始化用户界面
 */ - (void)initializeUserInterface; /**
 *  初始化手势
 */ - (void)initializeGestureRecognizer; 
@end 

@implementation UIGestureRecognizerViewController 

- (void)viewDidLoad {
    [super viewDidLoad];
    [self initializeUserInterface];
    [self initializeGestureRecognizer];
}

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated]; // autolayout自动布局 [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-0-[_stateLabel]-0-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_stateLabel)]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-100-[_stateLabel(==30)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_stateLabel)]];
} 

#pragma mark - init 

- (void)initializeUserInterface
{ 
    self.view.backgroundColor = [UIColor whiteColor]; 
    self.title = vc_title;

    [self.view addSubview:self.stateLabel];
    [self.view addSubview:self.gestureView];
}

- (void)initializeGestureRecognizer
{
    // 1、点击手势识别器
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(respondsToGestureRecognizer:)];
    // 设置点击次数
    tapGesture.numberOfTapsRequired = 1;
    // 设置手指数量
    tapGesture.numberOfTouchesRequired = 1;
    // 添加手势
    [_gestureView addGestureRecognizer:tapGesture];
    
    // 2、长按手势识别器
    UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(respondsToGestureRecognizer:)];
    [_gestureView addGestureRecognizer:longPressGesture];
    
    // 3、滑动手势识别器
    UISwipeGestureRecognizer *swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(respondsToGestureRecognizer:)];
    // 设置滑动方向:right、left、up、down
    swipeGesture.direction = UISwipeGestureRecognizerDirectionRight;
    [_gestureView addGestureRecognizer:swipeGesture];
    
    // 4、拖拽手势识别器
    UIPanGestureRecognizer *panPress = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(respondsToGestureRecognizer:)];
    [_gestureView addGestureRecognizer:panPress];
    
    // 5、捏合手势识别器
    UIPinchGestureRecognizer * pinchPress = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(respondsToGestureRecognizer:)];
    [_gestureView addGestureRecognizer:pinchPress];
    
    // 6、旋转手势识别器
    UIRotationGestureRecognizer * rotationPress = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(respondsToGestureRecognizer:)];
    [_gestureView addGestureRecognizer:rotationPress];
    // 手势识别器冲突
    [swipeGesture requireGestureRecognizerToFail:panPress];
    // 如果冲突,执行后面的
}

#pragma mark - responds event 

- (void)respondsToGestureRecognizer:(UIGestureRecognizer *)gesture
{
    // 点击手势识别器
    if ([gesture isKindOfClass:[UITapGestureRecognizer class]]) {
    UITapGestureRecognizer *tap = (UITapGestureRecognizer *)gesture;
        // state 属性:获取用户手势状态
        if (tap.state == UIGestureRecognizerStateBegan) {
            [_stateLabel setText:@"用户开始点击"];
        } else if (tap.state == UIGestureRecognizerStateEnded) {
            [_stateLabel setText:@"用户点击结束"];
        }
    }
    // 长按手势识别器
    else if ([gesture isKindOfClass:[UILongPressGestureRecognizer class]]) {
        UILongPressGestureRecognizer *longPress = (UILongPressGestureRecognizer *)gesture;
        if (longPress.state == UIGestureRecognizerStateBegan) {
            [_stateLabel setText:@"长按手势开始"];
        } else if (longPress.state == UIGestureRecognizerStateEnded) {
            [_stateLabel setText:@"长按手势结束"];
        }
    }
    // 滑动手势识别器
    else if ([gesture isKindOfClass:[UISwipeGestureRecognizer class]]) {
        
        UISwipeGestureRecognizer *swipePress = (UISwipeGestureRecognizer *)gesture;
        if (swipePress.state == UIGestureRecognizerStateBegan) {
            [_stateLabel setText:@"滑动手势开始"];
            
        } else if(swipePress.state == UIGestureRecognizerStateChanged) {
            [_stateLabel setText:@"滑动手势滑动中"];
        }else if (swipePress.state == UIGestureRecognizerStateEnded) {
            [_stateLabel setText:@"滑动手势结束"];
        }

    }
    // 拖拽手势识别器
    else if ([gesture isKindOfClass:[UIPanGestureRecognizer class]]) {
        UIPanGestureRecognizer *pan = (UIPanGestureRecognizer *)gesture;
        // 声明一个静态的变量记录拖拽视图前时的中心点
        static CGPoint firstCenter;
        if (pan.state == UIGestureRecognizerStateBegan) {
            // 给firstCenter赋值
            firstCenter = self.view.center;
            [_stateLabel setText:@"拖拽手势开始"];
        } else if (pan.state == UIGestureRecognizerStateChanged) {
            // 获取手势在某一个视图上的移动了多少
            CGPoint translation = [pan translationInView:self.view];
            _gestureView.center = CGPointMake(firstCenter.x + translation.x, firstCenter.y + translation.y);
            [_stateLabel setText:@"拖拽手势拖动中"];
        } else if (pan.state == UIGestureRecognizerStateEnded) {
            // 更新静态变量firstCenter的值,供下次识别这个手势时使用
            firstCenter = _gestureView.center;
            [_stateLabel setText:@"拖拽手势结束"];
        }
    }
    // 捏合手势识别器
    else if ([gesture isKindOfClass:[UIPinchGestureRecognizer class]]) {
        UIPinchGestureRecognizer * pinch = (UIPinchGestureRecognizer *)gesture;
        static CGFloat lastScale;
        if (pinch.state == UIGestureRecognizerStateBegan) {
            lastScale = pinch.scale;
            [_stateLabel setText:@" 捏合手势开始"];
        } else if (pinch.state == UIGestureRecognizerStateChanged) {
            
            CGFloat changeScale = (pinch.scale - lastScale)/2 + 1;
            
            if (_gestureView.bounds.size.width < 100) {
                // 当视图<100,就不能再缩小
                return;
                
            } else {
                _gestureView.transform = CGAffineTransformScale(_gestureView.transform, changeScale, changeScale);
                lastScale = pinch.scale;
                
            }
        } else if (pinch.state == UIGestureRecognizerStateEnded){
            lastScale = 1;
            [_stateLabel setText:@" 捏合手势结束"];
        }
    }
    // 旋转手势识别器
    else if ([gesture isKindOfClass:[UIRotationGestureRecognizer class]]) {
        
        UIRotationGestureRecognizer * rotation = (UIRotationGestureRecognizer *)gesture;
        static CGFloat lastRotate;
        if (rotation.state == UIGestureRecognizerStateBegan) {
            lastRotate = rotation.rotation;
            [_stateLabel setText:@"旋转手势开始"];
        } else if (rotation.state == UIGestureRecognizerStateChanged) {
            CGFloat changeRotate = rotation.rotation - lastRotate;
            _gestureView.transform = CGAffineTransformRotate(_gestureView.transform, changeRotate);
            lastRotate = rotation.rotation;
        } else if (rotation.state) {
            lastRotate = 0;
        }
    }
}

#pragma mark - getter

- (UILabel *)stateLabel {
    if (!_stateLabel) {
        _stateLabel = [[UILabel alloc] init];
        _stateLabel.translatesAutoresizingMaskIntoConstraints = NO;
        _stateLabel.textAlignment = NSTextAlignmentCenter;
        _stateLabel.font = [UIFont systemFontOfSize:25];
    }
    return _stateLabel;
}

- (UIView *)gestureView {
    if (!_gestureView) {
        _gestureView = [[UIView alloc] init];
        _gestureView.bounds = CGRectMake(0, 0, 200, 200);
        _gestureView.center = self.view.center;
        _gestureView.backgroundColor = [UIColor redColor];
        // 开启用户交互
        _gestureView.userInteractionEnabled = YES;
    }
    return _gestureView;
}

 @end
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354

推荐阅读更多精彩内容