UIScrollView,点击、滑动翻页事件的区分

分类:IOS    发布时间:2012/5/7 18:11:30

最近看到有人问这个问题:在UIScrollView上添加了一个View,View上面有图片等元素,需要对单击和滑动事件进行区分。这样的问题有以下几个经常会用到的地方:

     (1)点击UIScrollView上的图片,跳转到其他页面;同时不影响UIScrollView的滑动操作。

     (2)在阅读浏览类产品会经常用到,点击屏幕的中间区域,隐藏/显示状态栏或导航条;同时不影响UIScrollView的滑动翻页操作。

 

       有解决方法事在点击区域添加一个透明的Button,但个人感觉比较复杂,而且效果并不好。以下是我个人的解决方法:

 

       首先了解下UIScrollView对于touch事件的接收处理原理:UIScrollView重载hitTest 方法,并总会返回itself 。所以所有的touch 事件都会进入到它自己里面去了。内部的touch事件检测到这个事件是不是和自己相关的,或者处理或者除递给内部的view。

       为了检测touch是处理还是传递,UIScrollView当touch产生一个timer。

(1)如果150ms内touch未产生移动,它就把这个事件传递给内部view;

(2)如果150ms内touch产生移动,开始scrolling,不会传递给内部的view。(如当你touch一个table时候,直接scrolling,你touch的那行永远不会highlight。)

(3)如果150ms内touch未产生移动并且UIScrollView开始传递内部的view事件,但是移动足够远的话,且canCancelContentTouches = YES,UIScrollView会调用touchesCancelled方法,cancel掉内部view的事件响应,并开始scrolling。(如当你touch一个table, 停止了一会,然后开始scrolling,那一行就首先被highlight,但是随后就不在高亮了)

 

       先前提到的在UIScrollView内部的view点击区域添加透明Button的解决方法,就是需要设置canCancelContentTouches = YES,而且还需重写UIScrollView的touchesShouldCancelInContentView:(UIView *)view方法,在view为UIButton的时候,返回YES。不然点击到button上的事件已经被button接收了,无法cancle掉。另外针对阅读浏览页面,一般手指都会停留在UIScrollView滚动,如果需要隐藏/显示状态栏或导航条,则会出现每点击一次就出现隐藏/显示问题。

 

       解决方法:该问题主要的难题要判断单击事件。由于150ms很小,因此基本上手指一接触到UIScrollView就会传递到内部的view上,此时内部的view需对这个touch进行时间节点的判断,判断它是一个单击事件,然后执行单击操作。

 

 

 

 1、TestView是ScrollView的subview,也可也是继承UIScrollView

 

TestView.h

[c-sharp] view plaincopy
  1. @interface TestView UIView  
  2.  
  3.     UIImageView *imageView;   
  4.     NSTimeInterval touchTimer; //记录touch时间,来控制点击和滑动判断  
  5.  
  6. @property(nonatomic, retain) UIImageView *imageView;  
  7. @property(nonatomic, assign) NSTimeInterval touchTimer;  
  

 

TestView.m

 

[c-sharp] view plaincopy
  1. @implementation TestView  
  2. #pragma mark -  
  3. #pragma mark Touch Method  
  4. @synthesize imageView;  
  5. @synthesize touchTimer;  
  6.   
  7. //thouchesBegan 获取到touch的时间点  
  8. (void)touchesBegan:(NSSet *)touches   
  9.            withEvent:(UIEvent *)event  
  10.  
  11.     UITouch *touch [touches anyObject];  
  12.     self.touchTimer [touch timestamp];  
  13.  
  14.   
  15.   
  16. //touchesEnded,touch事件完成,根据此时时间点获取到touch事件的总时间,  
  17. (void)touchesEnded:(NSSet *)touches   
  18.            withEvent:(UIEvent *)event  
  19.  
  20.     UITouch *touch [touches anyObject];  
  21.     self.touchTimer [touch timestamp] self.touchTimer;  
  22.       
  23.     NSUInteger tapCount [touch tapCount];  
  24.     CGPoint touchPoint [touch locationInView:self];  
  25.       
  26.     //判断单击事件,touch时间和touch的区域  
  27.     if (tapCount == && self.touchTimer <= && CGRectContainsPoint(self.imageView.frame, touchPoint))  
  28.      
  29.         //进行单击的跳转等事件  
  30.      
  31.       
  32.  

最新评论

我要发表评论

名称:
电子邮件:
个人主页:
内容:

 博客分类