细说UIScrollView上的Touch 事件

原文地址:http://285746555.blog.51cto.com/2966432/658383

1 开篇

最近在项目中遇到一个 需求就是在一个可以左右拨动的页面上,添加一些交互功能,比如说点击某个页面会有文字变化,图片变换,最后有比较特殊的需求是做个像slider功能的可以拖动的按钮,并且有吸附功能,即当滑动停止在两个图标间的时候,可以滑向离自己比较近的图标。

(PS:本人是新手,哈哈,高手就全当路过吧),一看到的时候觉的没什么问题,很简单的不就是一个scrollview+touch 事件就能搞定么,可是做着就出问题了。

2 问题

发现放在scrollview上的view 都不能响应touch 事件,想了好久不得其解,应该没什么东西覆盖在view 上,怎么点击就是没反应呢?网上转了一圈,真实收获不少,特别是一篇UIScrollerView 原理详解,更使我恍然大悟,书到用时方恨少啊 。

3 UIScrollerView 原理

其实这个原理道理网上已经讲的很明白,我就引用下上面那位高手的原文吧:

UIScrollView的工作原理,当手指touch的时候,UIScrollView会拦截Event,会等待一段时间,在这段时间内,如果没有手指 没有移动,当时间结束时,UIScrollView会发送tracking events到子视图上。在时间结束前,手指发生了移动,那么UIScrollView就会进行移动,从而取笑发送tracking。

自己也总结了下,没上面的这位易于理解。所以就直接引用了,多看几遍发现还真是这么回事。

4 问题的解决思路

一般是两个思路,一个是通过定制一个scrollerview,并重写他的touch 方法。

 
 
  1. - (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event{
  2. if(!self.dragging)
  3. {
  4. [[selfnextResponder]touchesBegan:toucheswithEvent:event];
  5. }
  6. [supertouchesBegan:toucheswithEvent:event];
  7. //NSLog(@"MyScrollView touch Began");
  8. }
  9. - (void)touchesEnded:(NSSet*)touches withEvent:(UIEvent*)event
  10. {
  11. if(!self.dragging)
  12. {
  13. [[selfnextResponder]touchesEnded:toucheswithEvent:event];
  14. }
  15. [supertouchesEnded:toucheswithEvent:event];
  16. }

第二个是通过响应链将事件传递给下一个响应者去实现,即将俯视图的事件传递给子视图去处理

目前大致就这两个方法来处理

5一些准备

下面这个函数的功能是判断是否可以把touch 事件传递给子视图,即在他上面的视图。当返回是yes 的时候就表示可以,就当点击子视图view 的时候停止响应scroll事件,改而响应子视图的touch 事件,当为no 时则拒绝子视图响应,执行父视图的touch 事件,下面的代码时实现了当子视图时按钮的时候就响应其对应的功能,子很多时候还是很管用的。

 
 
  1. //父视图是否可以将消息传递给子视图,yes是将事件传递给子视图,则不滚动,no是不传递则继续滚动
  2. - (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view
  3. {
  4. if ([view isKindOfClass:[UIButton class]])
  5. {
  6. return YES;
  7. }
  8. else
  9. {
  10. return NO;
  11. }
  12. }

     setDelaysContentTouches  这个函数主要时判断是否延迟执行tracking 一般情况下是yes  即会延迟执行,就是先等待一会儿看scrollview 是否有touch 事件发生,如果没有则转而执行子视图的 的touch 事件。
 
 
  1. //yes 则发送一个可以touchesCancelled:withEvent: 然后把这个事件当作一次滚动赖实现
  2. [baseScrollView setCanCancelContentTouches:YES];
  3. //滚动的时候是否可以除边界,即到边界的时候是否可以多看到一点内容
  4. [baseScrollView setBounces:NO];
  5. // 当值是NO 立即调用 touchesShouldBegin:withEvent:inContentView 看是否滚动 scroll
  6. [baseScrollView setDelaysContentTouches:NO];

最后附上一个简单版的demo

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值