iphone - 如何创建一个分页 ScrollView 与 View 之间的空间

Question

我遵循了有关如何创建 ScrollView 页面控件的教程:http://www.iosdevnotes.com/2011/03/uiscrollview-paging/

这个教程真的很好，我很好地实现了代码。这是我的问题:

我想在我的 PageView 之间放置一个空格，但是当它更改页面时，它会在下一页中显示 View 之间的空格。当我更改页面时，滚动必须在空格后停止。

我在这里更改了教程代码:

- (void)viewDidLoad {
    [super viewDidLoad];

    NSArray *colors = [NSArray arrayWithObjects:[UIColor redColor], [UIColor greenColor], [UIColor blueColor], nil];

    #define space 20

    for (int i = 0; i < colors.count; i++) {
        CGRect frame;
        frame.origin.x = (self.scrollView.frame.size.width + space) * i;
        frame.origin.y = 0;
        frame.size = self.scrollView.frame.

        UIView *subview = [[UIView alloc] initWithFrame:frame];
        subview.backgroundColor = [colors objectAtIndex:i];
        [self.scrollView addSubview:subview];
        [subview release];
    }

    self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width * colors.count+ space*(colors.count-1), self.scrollView.frame.size.height);
}

Answer 1

听起来你想要在页面之间有一个“装订线”，这样每个页面都会填满 ScrollView ，并且装订线只有在用户拖动 View 时才可见。例如，内置的照片应用程序可以执行此操作。

通过 space 点使 ScrollView 变宽。例如，如果您希望 ScrollView 看起来与屏幕一样宽(320 点)，项目之间的边距为 20 点，则将 ScrollView 设置为 340 点宽，额外的 20 点悬卡在右边缘屏幕。

- (void)viewDidLoad {
    [super viewDidLoad];

    NSArray *colors = [NSArray arrayWithObjects:[UIColor redColor], [UIColor greenColor], [UIColor blueColor], nil];

    #define kGutterWidth 20

    UIScrollView *scrollView = self.scrollView;
    CGRect scrollViewFrame = scrollView.frame;
    scrollViewFrame.size.width += kGutterWidth;
    scrollView.frame = scrollViewFrame;

    CGSize scrollViewSize = scrollView.bounds.size;

    for (int i = 0; i < colors.count; i++) {
        CGRect frame = CGRectMake(scrollViewSize.width * i, 0,
            scrollViewSize.width - kGutterWidth, scrollViewSize.height);
        UIView *subview = [[UIView alloc] initWithFrame:frame];
        subview.backgroundColor = [colors objectAtIndex:i];
        [scrollView addSubview:subview];
        [subview release];
    }

    scrollView.contentSize = CGSizeMake(
        colors.count * scrollViewSize.width,
        scrollViewSize.height);
}