公司一直在做一款有许多textFeild需要填写的项目，当填完第一页之后，向右滑动，然后填写第二页。通过如此三步，创建一个类似于书籍上，滑一下，翻一页的效果，效果图如下：
步骤一.png
第一步：填表
步骤二.png
第二步： 向右滑动
步骤三.png
第三步： 进入第二页
为了达到上面的效果，我们创建一个UIScrollView，然后在上面添加4个UIView（分别对应：收款方信息、付款方信息、证明材料、申请开票4个页面），并设置UIScrollView的contentSize为4个屏幕宽度，开启pagingEnabled为YES，这样就达到了，翻一页的效果。
但是问题有一个问题，UIScrollView并没有API告诉我们当前是第几页，那么我们如何确定当前是第几页了？
我们在UIScrollView的代理方法中，可以监听到UIScrollView滑动的偏移量，如果偏移量超过1/2的屏幕宽度，我们就认为是翻到下一页了，这时利用一个int类型的全局变量currentPage记录下当前的页数，就能巧妙的解决当前是第几页的问题（AS_SCREEN_WIDTH为屏幕的宽度）。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
int page = (scView.contentOffset.x+ AS_SCREEN_WIDTH/2.0) / AS_SCREEN_WIDTH;
if (currentPage == page)
{
return;
}
currentPage = page;
switch (currentPage)
{
case 0:
NSLog(@"第一页");
break;
case 1:
NSLog(@"第二页");
break;
case 2:
NSLog(@"第三页");
break;
case 3:
NSLog(@"第四页");
break;
}
}
也许你要问为什么要加1/2屏幕的宽度了，你可以试验下UIScrollView开启pagingEnabled后，有个有趣的现象当滑动的偏移量小于1/2屏幕宽度时会自动弹回当前页，如果滑动偏移量超过1/2屏幕宽度时会自动进入下一页， 所以我也学系统样当偏移量超过1/2屏幕时，我认为是进入了下一页。
有时我也在想系统有没有存在一个控件，刚好是做分页效果的，就像许多小说阅读器那样，可以翻页的。苹果还真提供了一个控件，就是我们的今天的主角--UIPageViewController。
我先把UIPageViewController Demo上传下，有需要的可以看下实现效果。
UIPageViewController的使用比较简单，主要是有一个实例创建方法，
一个减号方法和两个dataSource的方法需要实现。
- 实例化方法：- (instancetype)initWithTransitionStyle:(UIPageViewControllerTransitionStyle)style navigationOrientation:(UIPageViewControllerNavigationOrientation)navigationOrientation options:(nullable NSDictionary
*)options
// options设置翻页时两个页面之间的间隔，自己可以设置为10看下效果，我这里设置为0
NSDictionary *options1 = @{UIPageViewControllerOptionInterPageSpacingKey : @(0)};
// 实例化方法
UIPageViewController *pageController = [[UIPageViewController alloc]
initWithTransitionStyle:UIPageViewControllerTransitionStyleScroll navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal options:options1];
pageController.view.frame = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height);
- 减号方法：- (void)setViewControllers:(nullable NSArray
*)viewControllers direction:(UIPageViewControllerNavigationDirection)direction animated:(BOOL)animated completion:(void (^ __nullable)(BOOL finished))completion;
// 一个必须要实现的减号方法， 设置显示的第一页，注意viewControllers只能传一个。
FirstViewController *vc1 = [[FirstViewController alloc] init];
vc1.pageIndex = 0; // 设置这是第一个页面
NSArray *vcsArr = @[vc1];
[pageController setViewControllers:vcsArr direction:UIPageViewControllerNavigationDirectionForward animated:YES completion:^(BOOL finished) {
}];
- DataSource的两个代理方法，设置上一页和下一页
#pragma Mark--- 两个必须要实现的DataSource方法
- (nullable UIViewController *)pageViewController:(UIPageViewController *)pageViewController
viewControllerBeforeViewController:(UIViewController *)viewController;
{
NSUInteger index = ((HTBaseViewController *) viewController).pageIndex;
if (index == 0 || index == NSNotFound)
{
return nil;
}
index -= 1;
return [self viewControllerAtIndex:index];
}
- (nullable UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerAfterViewController:(UIViewController *)viewController
{
NSUInteger index = ((HTBaseViewController *) viewController).pageIndex;
if (index == NSNotFound)
{
return nil;
}
index += 1;
return [self viewControllerAtIndex:index];
}
根据页面index，返回相应的页面。
-(UIViewController *)viewControllerAtIndex:(NSUInteger)index
{
switch (index)
{
case 0:
{
FirstViewController *vc1 = [[FirstViewController alloc] init];
vc1.pageIndex = index;
return vc1;
}
break;
case 1:
{
SecondViewController *vc2 = [[SecondViewController alloc] init];
vc2.pageIndex = index;
return vc2;
}
break;
default:
return nil;
break;
}
}
使用UIPageViewController比较纠结的是需要给每个页面分配一个页面标示符pageIndex（参数名随意）记录其为第几页。
UIPageViewController简单介绍就到这里了，其他的用法后续有机会再逐渐完善。UIPageViewController完整的Demo请参见上面的链接。