IOS中各種手勢操作實例代碼
先看下效果

手勢相關的介紹
IOS中手勢操作一般是 UIGestureRecognizer 類的幾個手勢子類去實現(xiàn),一般我們用到的手勢就這么5種:
1、點擊 UITapGestureRecognizer
2、平移 UIPanGestureRecognizer
3、縮放 UIPinchGestureRecognizer
4、旋轉(zhuǎn) UIRotationGestureRecognizer
5、輕掃 UISwipeGestureRecognizer
我們上面這個實例中就用到了上面這5種手勢,不過其中 點擊與輕掃沒有體現(xiàn)出來,只是輸出了下日志而已,一會看代碼
下面我們來分別介紹下這幾種手勢
1、UITapGestureRecognizer 點擊手勢
UITapGestureRecognizer* tapGes = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapGes:)]; // 點擊次數(shù),默認為1,1為單擊,2為雙擊 tapGes.numberOfTapsRequired = 2;
這個點擊手勢類有一個屬性 numberOfTapsRequired 用于設置點擊數(shù),就是點擊幾次才觸發(fā)這個事件
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];
}
平移手勢本身沒太多可設置的屬性,在平移事件觸發(fā)手,可以用 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 旋轉(zhuǎn)手勢
// 旋轉(zhuǎn)手勢
- (void)initRotation{
UIRotationGestureRecognizer* rotationGes = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotationGes:)];
[self.imgView addGestureRecognizer:rotationGes];
}
- (void)rotationGes:(UIRotationGestureRecognizer*)ges{
// 旋轉(zhuǎn)圖片
self.imgView.transform = CGAffineTransformRotate(self.imgView.transform, ges.rotation);
}
旋轉(zhuǎn)手勢在事件里面可以通過獲取 rotation 屬性獲取當前旋轉(zhuǎn)的角度
5、UISwipeGestureRecognizer 輕掃手勢
// 輕掃手勢
- (void)initSwipeGes{
// 創(chuàng)建 從右向左 輕掃的手勢
UISwipeGestureRecognizer* swipeLeftGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)];
// 方向,默認是從左往右
// 最多只能開啟一個手勢,如果要開啟多個就得創(chuàng)建多個手勢
// 監(jiān)聽從右向左的方向
swipeLeftGes.direction = UISwipeGestureRecognizerDirectionLeft;
[self.imgView addGestureRecognizer:swipeLeftGes];
}
- (void)swipeGes:(UISwipeGestureRecognizer*)ges{
// ges.direction方向值
NSLog(@"%s diection:%lu",__func__,(unsigned long)ges.direction);
}
輕掃手勢對象需要設置 direction 屬性,默認是只監(jiān)聽從左向右,這是一個枚舉值 UISwipeGestureRecognizerDirection
UISwipeGestureRecognizerDirectionRight 從左向右(默認值) UISwipeGestureRecognizerDirectionLeft 從右向左 UISwipeGestureRecognizerDirectionUp 從下向上 UISwipeGestureRecognizerDirectionDown 從上向下
下面看一下我們上面那個效果圖實現(xiàn)代碼吧
//
// 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:)];
// 點擊次數(shù),默認為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;
}
// 旋轉(zhuǎn)手勢
- (void)initRotation{
UIRotationGestureRecognizer* rotationGes = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotationGes:)];
rotationGes.delegate = self;
[self.imgView addGestureRecognizer:rotationGes];
}
- (void)rotationGes:(UIRotationGestureRecognizer*)ges{
// 旋轉(zhuǎn)圖片
self.imgView.transform = CGAffineTransformRotate(self.imgView.transform, ges.rotation);
// 復原
// 每次都清空一下消除疊加
ges.rotation = 0;
NSLog(@"%s",__func__);
}
// 輕掃手勢
- (void)initSwipeGes{
// 創(chuàng)建 從右向左 輕掃的手勢
UISwipeGestureRecognizer* swipeLeftGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)];
// 方向,默認是從左往右
// 最多只能開啟一個手勢,如果要開啟多個就得創(chuàng)建多個手勢
// 監(jiān)聽從右向左的方向
swipeLeftGes.direction = UISwipeGestureRecognizerDirectionLeft;
swipeLeftGes.delegate = self;
[self.imgView addGestureRecognizer:swipeLeftGes];
// 創(chuàng)建 從下向上 輕掃的手勢
UISwipeGestureRecognizer* swipeUpGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)];
// 監(jiān)聽從下向上的方向
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
// 判斷是否能觸發(fā)手勢
- (BOOL)gestureRecognizerShouldBegin:(UITapGestureRecognizer *)gestureRecognizer{
return YES;
}
// 是否允許多手勢操作,不是多觸摸點
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
return YES;
}
@end
這里需要注意的有兩點:
1、對于 平移、縮放、旋轉(zhuǎn) 這3個手勢,我們?nèi)绻盟闹等ヌ幚淼脑挘浀脧驮?!復原!復原!這點很重要!重要的事說3遍~~
平移手勢里面我們需要設置 setTranslation:CGPointZero 來復原它的坐標值,不然下一次事件觸發(fā)這個坐標值會疊加
縮放手勢里面設置 ges.scale = 1 來復原它的縮放值
旋轉(zhuǎn)手勢里面設置 ges.rotation = 0 來復原它的角度值
2、假如我們需要多手勢一起用的時候就需要設置下delegate 里面的一個返回參數(shù)的方法了
// 是否允許多手勢操作,不是多觸摸點
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
return YES;
}
以上所述是小編給大家介紹的IOS中各種手勢操作實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
iOS中使用URL Scheme進行App跳轉(zhuǎn)的教程
這篇文章主要介紹了iOS中使用URL Scheme進行App跳轉(zhuǎn)的教程,比如在應用內(nèi)提示安裝另一個應用時就以url打開safari然后打開app store那樣,需要的朋友可以參考下2016-04-04
淺析iOS中的淺拷貝和深拷貝(copy和mutableCopy)
ios提供了copy和mutablecopy方法,顧名思義,copy就是復制了一個imutable的對象,而mutablecopy就是復制了一個mutable的對象。本文給大家介紹iOS中的淺拷貝和深拷貝(copy和mutableCopy) ,感興趣的朋友一起看看吧2016-04-04
iOS App的設計模式開發(fā)中對State狀態(tài)模式的運用
這篇文章主要介紹了iOS App的設計模式開發(fā)中對State狀態(tài)模式的運用,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-03-03
針對iOS開發(fā)的一些Xcode使用技巧小結(jié)
這篇文章主要介紹了針對iOS開發(fā)的一些Xcode使用技巧小結(jié),Xcode是Mac上編寫iOS應用的開發(fā)環(huán)境,需要的朋友可以參考下2015-12-12

