UIScrollView，下拉效果类似于CalcBot

如何解决UIScrollView，下拉效果类似于CalcBot

| 我正在尝试制作一个类似于CalcBot的UI，您可以在其中用手指下拉视图控制器，并显示隐藏的背景视图。 我认为这是通过UIScrollView完成的，但是无法找出确切的方法来具有例如2x水平视图，其中一个具有垂直视图。 我的确水平滚动条工作正常，我只是对如何使屏幕1用垂直滚动条下拉而感到困惑。 任何提示或指针，将不胜感激。 谢谢亚伦     

解决方法

        您可以具有嵌套的滚动视图，以使双向滚动都可以进行。让我们在水平滚动器中有一个垂直滚动器（尽管您也可以很好地做到这一点），因此视图3和1进入垂直滚动视图，而垂直滚动视图又与视图2一起进入水平滚动器中。 您可以在代码中创建这样的视图层次结构（可能在主viewcontroller的“ 0”中）。以下代码段将view1，view2和view3假定为webview。

CGRect bounds = self.view.bounds;

// main guy is a horizontal scroller
UIScrollView *hScrollView = [[UIScrollView alloc] initWithFrame:bounds];
hScrollView.contentSize = CGSizeMake(bounds.size.width * 2,bounds.size.height);
hScrollView.delegate = self;
[self.view addSubview:hScrollView];

// the horizontal scroller contains a vertical scroller
UIScrollView *vScrollView = [[UIScrollView alloc] initWithFrame:bounds];
vScrollView.contentSize = CGSizeMake(bounds.size.width,bounds.size.height * 2);
vScrollView.delegate = self;
[hScrollView addSubview:vScrollView];

// add view3 and view1 to the vertical scroller
UIWebView *view3 = [[UIWebView alloc] initWithFrame:bounds];
[view3 loadHTMLString:@\"<h1>3</h1>\" baseURL:nil];
[vScrollView addSubview:view3];

UIWebView *view1 = [[UIWebView alloc] initWithFrame:CGRectOffset(bounds,bounds.size.height)];
[view1 loadHTMLString:@\"<h1>1</h1>\" baseURL:nil];
[vScrollView addSubview:view1];
vScrollView.contentOffset = CGPointMake(0,bounds.size.height);

// add view2 to the horizontal scroller
UIWebView *view2 = [[UIWebView alloc] initWithFrame:CGRectOffset(bounds,bounds.size.width,0)];
[view2 loadHTMLString:@\"<h1>2</h1>\" baseURL:nil];    
[hScrollView addSubview:view2];

// enable paging in both directions
hScrollView.pagingEnabled = TRUE;
vScrollView.pagingEnabled = TRUE;

这样您就可以在两个方向上滚动，但也可以让您从view3向右滚动到view2。如果要防止这种情况，应在

vScollView

显示view3时禁用ѭ2disable滚动。您可以在“ 5”代表中的“ 4”中执行此操作。就像是：

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    if (scrollView == self.verticalScrollView) {
        self.horizontalScrollView.scrollEnabled = (self.verticalScrollView.contentOffset.y > self.view.bounds.origin.y);
    }
}