将 UIPageControl 添加到 UIScrollView

Question

我有一个包含 5 张图片的 UIScrollView。我想在滚动视图的底部添加一个 UIPageControl，以便用户可以看到他们所在的页面。

这是我的滚动视图代码：

self.helpScrollView.contentSize = CGSizeMake(320 * 5, 436);

UIImageView *image1 = [[UIImageView alloc] initWithFrame:CGRectMake(320 * 0, 0, 320, 436)];
image1.image = [UIImage imageNamed:[NSString stringWithFormat:
                                   @"Guide Page One.png"]];
[self.helpScrollView addSubview:image1];

UIImageView *image2 = [[UIImageView alloc] initWithFrame:CGRectMake(320 * 1, 0, 320, 436)];
image2.image = [UIImage imageNamed:[NSString stringWithFormat:
                                    @"Guide Page Two.png"]];
[self.helpScrollView addSubview:image2];

UIImageView *image3 = [[UIImageView alloc] initWithFrame:CGRectMake(320 * 2, 0, 320, 436)];
image3.image = [UIImage imageNamed:[NSString stringWithFormat:
                                    @"Guide Page Three.png"]];
[self.helpScrollView addSubview:image3];

UIImageView *image4 = [[UIImageView alloc] initWithFrame:CGRectMake(320 * 3, 0, 320, 436)];
image4.image = [UIImage imageNamed:[NSString stringWithFormat:
                                    @"Guide Page Four.png"]];
[self.helpScrollView addSubview:image4];

UIImageView *image5 = [[UIImageView alloc] initWithFrame:CGRectMake(320 * 4, 0, 320, 436)];
image5.image = [UIImage imageNamed:[NSString stringWithFormat:
                                    @"Guide Page Five.png"]];
[self.helpScrollView addSubview:image5];

self.helpScrollView.pagingEnabled = true;
self.helpScrollView.showsHorizontalScrollIndicator = NO;

我已将 UIPageControl 拖到我的 xib 文件中的滚动视图上，但我不知道如何链接它们。我该怎么做？

Answer 1

您不想将UIPageControl 添加到滚动视图本身，因为您不希望它随内容滚动。

话虽如此，请看一下UIScrollViewDelegate 协议，特别是scrollViewDidEndDecelerating:，它将在您的滚动视图停止移动时调用（这是更新您的UIPageControl 的好时机）。

你的计算会是这样的......

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
   self.pageControl.currentPage = floorf(scrollView.contentOffSet.x/320);
}

Re：我在一个视图控制器中有两个滚动视图，那么这是否指定了我使用的是哪一个？

传入的scrollView 实例可用于协商哪个滚动视图确实结束了减速。如果您为两个滚动视图设置了delegate 属性，则当其中任何一个结束减速时都会调用此属性，因此您需要验证哪个实例结束减速。

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
   if (scrollView == self.helpScrollView) {
       self.pageControl.currentPage = floorf(scrollView.contentOffset.x/scrollView.frame.size.width);
   }
}