IOS  手势操作详解及实例总结篇

发布时间 - 2026-01-10 22:22:50    点击率:

iOS手势操作总结

手势操作种类

  • UITapGestureRecognizer: 敲击,点击
  • UILongPressGestureRecognizer: 长按
  • UIPinchGestureRecognizer: 缩放
  • UIRotationGestureRecognizer: 旋转
  • UISwipeGestureRecongizer: 轻扫
  • UIPanGestureRecognizer: 拖拽

手势操作的代理方法(UIGestureRecognizerDelegate)

手势可能发生的条件,返回NO可以阻止此手势的发生或者此手势不产生任何效果

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer;

是否允许多个手势同时发生

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)
gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:
(UIGestureRecognizer *)otherGestureRecognizer;

UITapGestureRecognier敲击,点击手势

  • 设置属性numberOfTapsRequired可以指定需要几根手指才能触发事件
  • numberOfTouchesRequired:可以设置需要敲击几次触发事件
 UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap:)];

  // 设置代理
  tap.delegate = self;

  // 设置点击次数触发手势事件
  tap.numberOfTapsRequired = 1;

  // 设置需要点击的手指数
  tap.numberOfTouchesRequired = 1;

  [self.image addGestureRecognizer:tap];

UILongPressGestureRecongnizer长按

  • minimumPressDuration设置长按的最小间隔时间,也就是说按下开始和手指离开时的中间间隔,如果小于这个值则不会被认为是长按操作
  • allowableMovement:长按过程中是否允许移动
  UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];

  // 代理
  longPress.delegate = self;

  // 设置最小间隔时间, 手指按下与离开间隔时间
  longPress.minimumPressDuration = 1.0;

  // 按下过程中允许移动的像素
  longPress.allowableMovement = 30;

  [self.image addGestureRecognizer:longPress];

UIPinchGestureRecognizer缩放手势

scale: 设置缩放比例,相对于原来大小

 UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinch:)];

  // 代理
  pinch.delegate = self;

  // 设置缩放比例
  pinch.scale = 1.2;

  [self.image addGestureRecognizer:pinch];

UIRotationGestureRecognizer旋转手势

rotation: 旋转弧度,要保证每次都在上一次位置开始旋转,而不是回归初始位置,必须要在动作方法里将此值清零

- (void)setupRotation
{
  UIRotationGestureRecognizer *rotation = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotation:)];

  // 设置代理
  rotation.delegate = self;

  [self.image addGestureRecognizer:rotation];
}

- (void)rotation:(UIRotationGestureRecognizer *)rotation
{
  // 旋转角度
  CGFloat radian = rotation.rotation;

  self.image.transform = CGAffineTransformRotate(self.image.transform, radian);

  // 复位,保证每次都是在上一次位置开始转,而不是每次都回归初始位置再转
  rotation.rotation = 0;
}

UISwipeGestureRecognizer轻扫, 手指按下然后在屏幕上滑动

轻扫分四个方向(上下左右),并且如果要在一个控件上同时添加一个以上的轻扫动作,必须对每个动作添加一个对象。也就是说每个方向的动作对应一个对象。

direction: 指定轻扫动作的方向

typedef NS_OPTIONS(NSUInteger, UISwipeGestureRecognizerDirection) {
  UISwipeGestureRecognizerDirectionRight = 1 << 0, // 从左向右
  UISwipeGestureRecognizerDirectionLeft = 1 << 1, // 从右向左
  UISwipeGestureRecognizerDirectionUp  = 1 << 2, // 从下往上
  UISwipeGestureRecognizerDirectionDown = 1 << 3 // 从上往下
};
 UISwipeGestureRecognizer *swipeUp = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];

  // 设置代理
  swipeUp.delegate = self;

  // 修改方向, 从下往上
  swipeUp.direction = UISwipeGestureRecognizerDirectionUp;

  [self.image addGestureRecognizer:swipeUp];

  // 添加其他方向手势
  UISwipeGestureRecognizer *swipeDown = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];

  // 修改方向, 从下往上
  swipeDown.direction = UISwipeGestureRecognizerDirectionDown;

  [self.image addGestureRecognizer:swipeDown];

UIPanGestureRecognizer拖拽,按下拖动控件操作

注意点:手势的触摸点locationInView和手势的移动点translationInView是不一样的,前者是用locationInView取得是指手指在当前控件中的坐标,后者表示相对于父view的rect

  UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];

  // 设置代理
  pan.delegate = self;

  [self.image addGestureRecognizer:pan];

  // 手势的触摸点
  // CGPoint p = [pan locationInView:self.image];

  // 手势的移动点(每次移动的位移点)
  CGPoint transP = [pan translationInView:self.image];

  NSLog(@"%f, %f", transP.x, transP.y);

  self.image.transform = CGAffineTransformTranslate(self.image.transform, transP.x, transP.y);

  // 复位
  [pan setTranslation:CGPointZero inView:self.image];



感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# iOS手势操作总结  # iOS手势操作  # iOS手势操作详解  # ios的手势操作之UIGestureRecognizer浅析(推荐)  # IOS 七种手势操作(拖动、捏合、旋转、点按、长按、轻扫、自定义)详解及实例代码  # iOS开发中的几个手势操作实例分享  # IOS手势操作(拖动、捏合、旋转、点按、长按、轻扫、自定义)  # IOS开发代码分享之设置UISearchBar的背景颜色  # IOS获取各种文件目录路径的方法  # iOS开发中实现显示gif图片的方法  # IOS开发代码分享之用nstimer实现倒计时功能  # iOS开发之路--仿网易抽屉效果  # iOS中使用schema协议调用APP和使用iframe打开APP的例子  # iOS开发中使用UILabel设置字体的相关技巧小结  # 按下  # 往上  # 要在  # 相对于  # 过程中  # 而不是  # 都是  # 拖拽  # 也就是说  # 都在  # 多个  # 是指  # 几次  # 上一  # 希望能  # 上下左右  # 拖动  # 将此  # 每次都  # 谢谢大家 


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


相关推荐: Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  Laravel如何使用集合(Collections)进行数据处理_Laravel Collection常用方法与技巧  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  Firefox Developer Edition开发者版本入口  如何快速搭建高效服务器建站系统?  C++用Dijkstra(迪杰斯特拉)算法求最短路径  如何在云服务器上快速搭建个人网站?  香港服务器网站生成指南:免费资源整合与高速稳定配置方案  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  如何打造高效商业网站?建站目的决定转化率  中山网站制作网页,中山新生登记系统登记流程?  Laravel如何使用Vite进行前端资源打包?(配置示例)  如何用虚拟主机快速搭建网站?详细步骤解析  黑客如何利用漏洞与弱口令入侵网站服务器?  如何在搬瓦工VPS快速搭建网站?  千库网官网入口推荐 千库网设计创意平台入口  油猴 教程,油猴搜脚本为什么会网页无法显示?  无锡营销型网站制作公司,无锡网选车牌流程?  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  Laravel如何处理表单验证?(Requests代码示例)  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  如何在 React 中条件性地遍历数组并渲染元素  网站制作价目表怎么做,珍爱网婚介费用多少?  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  如何快速查询网站的真实建站时间?  JavaScript Ajax实现异步通信  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  北京网站制作的公司有哪些,北京白云观官方网站?  Linux系统运维自动化项目教程_Ansible批量管理实战  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  零服务器AI建站解决方案:快速部署与云端平台低成本实践  手机怎么制作网站教程步骤,手机怎么做自己的网页链接?  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  LinuxShell函数封装方法_脚本复用设计思路【教程】  浅谈Javascript中的Label语句  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  Laravel如何保护应用免受CSRF攻击?(原理和示例)  Laravel如何操作JSON类型的数据库字段?(Eloquent示例)  如何挑选高效建站主机与优质域名?  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  敲碗10年!Mac系列传将迎来「触控与联网」双革新  如何快速登录WAP自助建站平台?  如何用PHP快速搭建CMS系统?  Laravel中的Facade(门面)到底是什么原理  python中快速进行多个字符替换的方法小结  如何在云主机快速搭建网站站点?  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】