IOS UI學習 ScrollView中Touch事件作用子視圖

IOS UI學習 ScrollView中Touch事件作用子視圖是本文要介紹對內容，我們知道當多個視圖進行疊加的時候，touch事件是作用到最上面的視圖上，但是如果父視圖是UIScrollView，如果默認，可能touch子視圖會造成UIScrollView的滾動。

UIScrollView滾動的原因，可以看UIScrollView 原理，地址：http://www.cocoachina.com/bbs/read.php?tid-40965-page-1.html

我在這裏簡單的描述一下，UIScrollView的工作原理，當手指touch的時候，UIScrollView會攔截Event,會等待一段時間，在這段時間內，如果沒有手指沒有移動，當時間結束時，UIScrollView會發送tracking events到子視圖上。在時間結束前，手指發生了移動，那麼UIScrollView就會進行移動，從而取笑發送tracking。

那麼，UIScrollView的子類想要接受touch事件，就是用戶點擊UIScrollView上的視圖時，要先處理視圖上的touch，而不發生滾動。這時候就需要UIScrollView的子類重載touchesShouldBegin:withEvent:inContentView: ，從而決定自己是否接受子視圖中的touch事件。

上面都是理論的知識，下面看一個簡單的例子：

外面紅色是一個UIScrollView，黃色是在UIScrollView上添加的UIView。最後的效果是，當在黃色區域內touch時，touch事件會作用到UIView上，當touch紅色區域時，整個視圖上下滾動。下面是實現的過程。

一、創建工程，然後創建myScrollView,並且myScrollView繼承自UIScrollView。

#import <UIKit/UIKit.h>
@interface myScrollView : UIScrollView {
}
@end

具體的實現：

#import "myScrollView.h"

#import "MyView.h"

@implementation myScrollView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self setBackgroundColor:[UIColor redColor]];

        MyView *myView=[[MyView alloc] initWithFrame:CGRectMake(1, 3, 100, 200)];
        [self addSubview:myView];
        [myView release];
    }
    return self;
}

- (void)dealloc
{
    [super dealloc];
}

- (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view
{
    NSLog(@"用戶點擊了scroll上的視圖%@,是否開始滾動scroll",view);
    //返回yes 是不滾動 scroll 返回no 是滾動scroll
    return YES;
}
- (BOOL)touchesShouldCancelInContentView:(UIView *)view
{

    NSLog(@"用戶點擊的視圖 %@",view);

    //NO scroll不可以滾動 YES scroll可以滾動
    return NO;
}
@end

重寫了- (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view方法和- (BOOL)touchesShouldCancelInContentView:(UIView *)view方法。

其中(BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view，是用戶點擊黃色區域內，先觸發這個方法，當返回YES時，touch事件作用到黃色視圖上，當返回no時，紅色可以上下滾動。

(BOOL)touchesShouldCancelInContentView:(UIView *)view是發送tracking前，先作用這個方法。

下面是點擊黃的區域的日誌：

2011-06-02 10:19:42.469 scrollTouch[38255:207] 用戶點擊了scroll上的視圖<MyView: 0x4e26f90; frame = (1 3; 100 200); layer = <CALayer: 0x4e270a0>>,是否開始滾動scroll 
2011-06-02 10:19:42.658 scrollTouch[38255:207] 用戶點擊的視圖 <MyView: 0x4e26f90; frame = (1 3; 100 200); layer = <CALayer: 0x4e270a0>>

二、添加mySrollView到根視圖上

- (void)viewDidLoad
{
    [super viewDidLoad];

    myScrollView *view=[[myScrollView alloc] initWithFrame:CGRectMake(10, 9, 300, 400)];
    [view setUserInteractionEnabled:YES];
    [view setScrollEnabled:YES];

    //NO 發送滾動的通知 但是就算手指移動 scroll也不會動了 YES 發送通知 scroo可以移動
    [view setCanCancelContentTouches:YES];
    [view setBounces:NO];
    // NO 立即通知touchesShouldBegin:withEvent:inContentView 看是否滾動 scroll
    [view setDelaysContentTouches:NO];
    [view setContentSize:CGSizeMake(300, 900)];
    [self.view addSubview:view];
    [view release];
}

三、MyView視圖的實現

#import "MyView.h"
@implementation MyView
- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self setBackgroundColor:[UIColor yellowColor]];
    }
    return self;
}

- (void)dealloc
{
    [super dealloc];
}
@end

小結：IOS UI學習 ScrollView中Touch事件作用子視圖的內容介紹我那了，希望本文對你有所幫助！

源代碼：https://easymorse-iphone.googlecode.com/svn/trunk/scrollTouch/

本文來自：http://wangjun.easymorse.com/?p=1308