IOS中各种手势操作实例代码

发布时间 - 2026-01-11 00:23:30    点击率:

先看下效果

手势相关的介绍

IOS中手势操作一般是 UIGestureRecognizer 类的几个手势子类去实现,一般我们用到的手势就这么5种:

1、点击  UITapGestureRecognizer

2、平移  UIPanGestureRecognizer

3、缩放  UIPinchGestureRecognizer

4、旋转  UIRotationGestureRecognizer

5、轻扫  UISwipeGestureRecognizer

我们上面这个实例中就用到了上面这5种手势,不过其中 点击与轻扫没有体现出来,只是输出了下日志而已,一会看代码

下面我们来分别介绍下这几种手势

1、UITapGestureRecognizer 点击手势

UITapGestureRecognizer* tapGes = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapGes:)];
// 点击次数,默认为1,1为单击,2为双击
tapGes.numberOfTapsRequired = 2;

这个点击手势类有一个属性 numberOfTapsRequired 用于设置点击数,就是点击几次才触发这个事件

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];
}

平移手势本身没太多可设置的属性,在平移事件触发手,可以用  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 旋转手势

// 旋转手势
- (void)initRotation{
 UIRotationGestureRecognizer* rotationGes = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotationGes:)];
 [self.imgView addGestureRecognizer:rotationGes];
}
- (void)rotationGes:(UIRotationGestureRecognizer*)ges{
 // 旋转图片
 self.imgView.transform = CGAffineTransformRotate(self.imgView.transform, ges.rotation);
}

旋转手势在事件里面可以通过获取 rotation 属性获取当前旋转的角度

5、UISwipeGestureRecognizer 轻扫手势

// 轻扫手势
- (void)initSwipeGes{
 // 创建 从右向左 轻扫的手势
 UISwipeGestureRecognizer* swipeLeftGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)];
 // 方向,默认是从左往右
 // 最多只能开启一个手势,如果要开启多个就得创建多个手势
 // 监听从右向左的方向
 swipeLeftGes.direction = UISwipeGestureRecognizerDirectionLeft;
 [self.imgView addGestureRecognizer:swipeLeftGes];
}
- (void)swipeGes:(UISwipeGestureRecognizer*)ges{
 // ges.direction方向值
 NSLog(@"%s diection:%lu",__func__,(unsigned long)ges.direction);
}

轻扫手势对象需要设置 direction 属性,默认是只监听从左向右,这是一个枚举值 UISwipeGestureRecognizerDirection

UISwipeGestureRecognizerDirectionRight  从左向右(默认值)
UISwipeGestureRecognizerDirectionLeft   从右向左
UISwipeGestureRecognizerDirectionUp    从下向上
UISwipeGestureRecognizerDirectionDown  从上向下

下面看一下我们上面那个效果图实现代码吧

//
// 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:)];
 // 点击次数,默认为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;
}
// 旋转手势
- (void)initRotation{
 UIRotationGestureRecognizer* rotationGes = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotationGes:)];
 rotationGes.delegate = self;
 [self.imgView addGestureRecognizer:rotationGes];
}
- (void)rotationGes:(UIRotationGestureRecognizer*)ges{
 // 旋转图片
 self.imgView.transform = CGAffineTransformRotate(self.imgView.transform, ges.rotation);
 // 复原
 // 每次都清空一下消除叠加
 ges.rotation = 0;
 NSLog(@"%s",__func__);
}
// 轻扫手势
- (void)initSwipeGes{
 // 创建 从右向左 轻扫的手势
 UISwipeGestureRecognizer* swipeLeftGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)];
 // 方向,默认是从左往右
 // 最多只能开启一个手势,如果要开启多个就得创建多个手势
 // 监听从右向左的方向
 swipeLeftGes.direction = UISwipeGestureRecognizerDirectionLeft;
 swipeLeftGes.delegate = self;
 [self.imgView addGestureRecognizer:swipeLeftGes];
 // 创建 从下向上 轻扫的手势
 UISwipeGestureRecognizer* swipeUpGes = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeGes:)];
 // 监听从下向上的方向
 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
// 判断是否能触发手势
- (BOOL)gestureRecognizerShouldBegin:(UITapGestureRecognizer *)gestureRecognizer{
 return YES;
}
// 是否允许多手势操作,不是多触摸点
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
 return YES;
}
@end

这里需要注意的有两点:

1、对于 平移、缩放、旋转 这3个手势,我们如果要用它的值去处理的话,要记得复原!复原!复原!这点很重要!重要的事说3遍~~

  平移手势里面我们需要设置 setTranslation:CGPointZero 来复原它的坐标值,不然下一次事件触发这个坐标值会叠加
  缩放手势里面设置 ges.scale = 1 来复原它的缩放值
  旋转手势里面设置 ges.rotation = 0 来复原它的角度值

2、假如我们需要多手势一起用的时候就需要设置下delegate 里面的一个返回参数的方法了

// 是否允许多手势操作,不是多触摸点
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
 return YES;
}

以上所述是小编给大家介绍的IOS中各种手势操作实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# ios  # 手势操作  # iOS实现手势滑动解锁功能简析  # iOS左滑手势失效的解决方法  # IOS开发之手势响应事件优先级的实例详解  # IOS 开发之swift中手势的实例详解  # IOS开发笔记之禁用手势滑动返回功能的示例  # IOS中多手势之间的冲突和解决办法  # IOS 单击手势的添加实现代码  # 开发绘图、手势综合App注意点  # 多个  # 每次都  # 清空  # 是从  # 就得  # 双击  # 小编  # 单击  # 坐标点  # 最多只能  # 默认为  # 往右  # 几个  # 太多  # 子类  # 在此  # 基础上  # 点击数  # 可以用  # 几次 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何解决hover在ie6中的兼容性问题  如何快速上传建站程序避免常见错误?  购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?  西安专业网站制作公司有哪些,陕西省建行官方网站?  如何正确选择百度移动适配建站域名?  Laravel如何实现事件和监听器?(Event & Listener实战)  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  免费网站制作appp,免费制作app哪个平台好?  java获取注册ip实例  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  IOS倒计时设置UIButton标题title的抖动问题  深圳网站制作平台,深圳市做网站好的公司有哪些?  javascript中对象的定义、使用以及对象和原型链操作小结  Laravel如何生成API文档?(Swagger/OpenAPI教程)  如何在自有机房高效搭建专业网站?  如何用y主机助手快速搭建网站?  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  Laravel如何集成Inertia.js与Vue/React?(安装配置)  如何用PHP工具快速搭建高效网站?  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  网页设计与网站制作内容,怎样注册网站?  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  香港服务器网站卡顿?如何解决网络延迟与负载问题?  Java遍历集合的三种方式  如何构建满足综合性能需求的优质建站方案?  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  Laravel如何与Inertia.js和Vue/React构建现代单页应用  C语言设计一个闪闪的圣诞树  Laravel怎么实现模型属性的自动加密  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏  Laravel怎么清理缓存_Laravel optimize clear命令详解  如何在建站宝盒中设置产品搜索功能?  JavaScript模板引擎Template.js使用详解  Laravel如何记录自定义日志?(Log频道配置)  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  JavaScript如何实现继承_有哪些常用方法  如何在阿里云购买域名并搭建网站?  iOS验证手机号的正则表达式  青岛网站建设如何选择本地服务器?  微信小程序 input输入框控件详解及实例(多种示例)  Windows Hello人脸识别突然无法使用  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID