您的视图控制器可以是两个滚动视图的代表。同意@Ravi,您可以使用委托参数来确定正在滚动的滚动视图。
听起来您需要打包一些动画才能对 UI 有意义:
// hide or show the page count image after a given delay, invoke completion when done
- (void)setPageCountImageHidden:(BOOL)hidden delay:(NSTimeInterval)delay completion:(void (^)(BOOL))completion {
BOOL currentlyHidden = self.pageCountImage.alpha == 0.0;
if (hidden == currentlyHidden) return;
[UIView animateWithDuration:0.3 delay:delay options:UIViewAnimationOptionBeginFromCurrentState animations:^{
self.pageCountImage.alpha = (hidden)? 0.0 : 1.0;
} completion:completion];
}
// move the page count image to the correct position given a scroll view content offset
- (void)positionPageControlForContentOffset:(CGFloat)xOffset {
// assume page width is a constant (the width of a page in the scroll view)
NSInteger page = xOffset / kPAGEWIDTH;
// assume max page is a constant (the max number of pages in scroll view)
// scroll positions in the "bounce" will generate page numbers out of bounds, fix that here...
page = MAX(MIN(page, kMAXPAGE), 0);
// kPAGE_INDICATOR_WIDTH the distance the page image moves between pages
// kPAGE_INDICATOR_ORIGIN the page image x position at page zero
CGFloat xPosition = kPAGE_INDICATOR_ORIGIN + page * kPAGE_INDICATOR_WIDTH;
// assume y position and size are constants
CGRect pageIndicatorFrame = CGRectMake(xPosition, kYPOS, kWIDTH, kHEIGHT);
// finally, do the animation
[UIView animateWithDuration:0.3 animations:^{
self.pageCountImage.frame = pageIndicatorFrame;
}];
}
然后在视图中滚动:
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
if (scrollView == /* the scroller with the page control */) {
[self setPageCountImageHidden:NO delay:0.0 completion:^(BOOL finished) {
[self positionPageControlForContentOffset:scrollView.contentOffset.x];
[self setPageCountImageHidden:YES delay:5.0 completion:^(BOOL finished){}];
}];
}
// and so on...