使用 UIScrollView 和 PageControl 定义滚动量

Question

对于我正在开发的应用程序，我需要一个带有分页的滚动视图以及许多视图（在本例中为表视图）。设置它（使用 Apple 的 PageControl 示例）非常简单，并且我可以毫无问题地使其在页面之间滚动和对齐。我希望表格视图几乎像滚动视图中表格视图的缩略图表示一样。一旦您单击其中一个，它就会打开或放大以使表格视图覆盖整个屏幕。再说一遍，设置这个并不是真正的问题，我可以将滚动视图内的视图设置为我想要的任何大小，并且单击我确信当我到达该部分时我可以开始工作。 :)

我的问题是这样的：在任何给定的视图中，无论您恰好在哪个页面上，我都希望下一页和上一页分别在右侧和左侧稍微可见。当然，在第一页上，右侧只会再显示一个页面，或者最后一页会在左侧显示。同样，通过设置显示的视图（表视图）的 x 原点，我可以使第一页看起来正确。然而，一旦滚动，问题就变得明显，即屏幕滚动得太远。

分解它我想我的主要问题是我似乎无法更改切换页面时完成的滚动量。

如果我能得到任何帮助，我将不胜感激，谢谢。

AppDelegate.h

#import <UIKit/UIKit.h>

@interface AppDelegate : NSObject <UIApplicationDelegate, UIScrollViewDelegate> {
UIWindow *window;
UIView *background;
UIScrollView *scrollView;
UIPageControl *pageControl;
NSMutableArray *viewControllers;

// To be used when scrolls originate from the UIPageControl
// I've commented this out (and all references to it) since I've disabled user interaction with the UIPageControl
//BOOL pageControlUsed;
}

@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UIView *background;

@property (nonatomic, retain) IBOutlet UIScrollView *scrollView;
@property (nonatomic, retain) IBOutlet UIPageControl *pageControl;
@property (nonatomic, retain) NSMutableArray *viewControllers;

- (IBAction)changePage:(id)sender;

@end  

AppDelegate.m

#import "AppDelegate.h"
#import "MyViewController.h"

static NSUInteger kNumberOfPages = 4;

@interface AppDelegate (PrivateMethods)

- (void)loadScrollViewWithPage:(int)page;
- (void)scrollViewDidScroll:(UIScrollView *)sender;

@end

@implementation AppDelegate

@synthesize window, scrollView, pageControl, viewControllers, background;

- (void)dealloc {
[background release];
[viewControllers release];
[scrollView release];
[pageControl release];
[window release];
[super dealloc];
}

- (void)applicationDidFinishLaunching:(UIApplication *)application {

background.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"Background.png"]];

// view controllers are created lazily
// in the meantime, load the array with placeholders which will be replaced on demand
NSMutableArray *controllers = [[NSMutableArray alloc] init];
for (unsigned i = 0; i < kNumberOfPages; i++) {
    [controllers addObject:[NSNull null]];
}
self.viewControllers = controllers;
[controllers release];

// a page is the width of the scroll view
scrollView.pagingEnabled = YES;
scrollView.contentSize = CGSizeMake(scrollView.frame.size.width * kNumberOfPages, scrollView.frame.size.height);
scrollView.showsHorizontalScrollIndicator = NO;
scrollView.showsVerticalScrollIndicator = NO;
scrollView.scrollsToTop = NO;
scrollView.delegate = self;

pageControl.numberOfPages = kNumberOfPages;
pageControl.currentPage = 0;

// pages are created on demand
// load the visible page
// load the page on either side to avoid flashes when the user starts scrolling
[self loadScrollViewWithPage:0];
[self loadScrollViewWithPage:1];
}

- (void)loadScrollViewWithPage:(int)page {
if (page < 0) return;
if (page >= kNumberOfPages) return;

// replace the placeholder if necessary
MyViewController *controller = [viewControllers objectAtIndex:page];
if ((NSNull *)controller == [NSNull null]) {
    controller = [[MyViewController alloc] initWithPageNumber:page];
    [viewControllers replaceObjectAtIndex:page withObject:controller];
    [controller release];
}

// add the controller's view to the scroll view
if (nil == controller.view.superview) {
    CGRect frame = CGRectMake(50, 50, 220, 330);
    frame.origin.x = 50 + (250 * page);
    frame.origin.y = 50;
    controller.view.frame = frame;
    [scrollView addSubview:controller.view];
}
}

- (void)scrollViewDidScroll:(UIScrollView *)sender {
// We don't want a "feedback loop" between the UIPageControl and the scroll delegate in
// which a scroll event generated from the user hitting the page control triggers updates from
// the delegate method. We use a boolean to disable the delegate logic when the page control is used.
/*if (pageControlUsed) {
    // do nothing - the scroll was initiated from the page control, not the user dragging
    return;
}*/

// Switch the indicator when more than 50% of the previous/next page is visible
CGFloat pageWidth = scrollView.frame.size.width;
int page = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
pageControl.currentPage = page;

// load the visible page and the page on either side of it (to avoid flashes when the user starts scrolling)
[self loadScrollViewWithPage:page - 1];
[self loadScrollViewWithPage:page];
[self loadScrollViewWithPage:page + 1];

// A possible optimization would be to unload the views+controllers which are no longer visible
}

// At the begin of scroll dragging, reset the boolean used when scrolls originate from the UIPageControl
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
//pageControlUsed = NO;
}

// At the end of scroll animation, reset the boolean used when scrolls originate from the UIPageControl
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
//pageControlUsed = NO;
}

- (IBAction)changePage:(id)sender {
int page = pageControl.currentPage;

// load the visible page and the page on either side of it (to avoid flashes when the user starts scrolling)
[self loadScrollViewWithPage:page - 1];
[self loadScrollViewWithPage:page];
[self loadScrollViewWithPage:page + 1];

// update the scroll view to the appropriate page
CGRect frame = scrollView.frame;
frame.origin.x = frame.size.width * page;
frame.origin.y = 0;
[scrollView scrollRectToVisible:frame animated:YES];

// Set the boolean used when scrolls originate from the UIPageControl. See       scrollViewDidScroll: above.
//pageControlUsed = YES;
}

@end

Answer 1

看来您对 scrollView 的框架大小和 controller.view 的框架设置不同。 scrollView 是一个 IBOutlet，这意味着您正在使用界面生成器创建scrollView，但您正在使用以下行放置内容：

CGRect frame = CGRectMake(50, 50, 220, 330);
frame.origin.x = 50 + (250 * page);
frame.origin.y = 50;
controller.view.frame = frame;
[scrollView addSubview:controller.view];

并将其放入scrollView 中。如果您不想在滚动视图一侧看到上一页/下一页，则必须更改第一行使用的数字。尝试使用“scrollView.frame.size”或检查从 IB 创建的滚动视图的帧大小，并使用它们而不是幻数，这是您应该避免的。