UIPageController的使用

1、FKPageController类

用于定义每个Page的视图

//.h

#import <UIKit/UIKit.h>

@interface FKPageController : UIViewController

@property (strong, nonatomic) UILabel* label;

@property (strong, nonatomic) UILabel* bookLabel;

@property (strong, nonatomic) UIImageView* bookImage;

- (id)initWithPageNumber:(NSInteger)pageNumber;

@end

//.m

#import "FKPageController.h"

@interface FKPageController ()

@end

@implementation FKPageController

- (id)initWithPageNumber:(NSInteger)pageNumber

{

self = [super initWithNibName:nil bundle:nil];

if (self)

{

self.label = [[UILabel alloc] initWithFrame:

CGRectMake(260 , 10 , 60 , 30)];

self.label.backgroundColor = [UIColor clearColor];

self.label.textColor = [UIColor redColor];

self.label.text = [NSString stringWithFormat:@"第[%d]页"

, pageNumber + 1];

[self.view addSubview:self.label];

self.bookLabel = [[UILabel alloc] initWithFrame:

CGRectMake(0, 30, CGRectGetWidth(self.view.frame), 60)];

self.bookLabel.textAlignment = NSTextAlignmentCenter;

self.bookLabel.numberOfLines = 2;

self.bookLabel.font = [UIFont systemFontOfSize:24];

self.bookLabel.backgroundColor = [UIColor clearColor];

self.bookLabel.textColor = [UIColor blueColor];

[self.view addSubview:self.bookLabel];

self.bookImage = [[UIImageView alloc] initWithFrame:

CGRectMake(0, 90, CGRectGetWidth(self.view.frame), 320)];

self.bookImage.contentMode = UIViewContentModeScaleAspectFit;

[self.view addSubview:self.bookImage];

}

return self;

}

@end

2、FKViewController

继承自UIScrollViewDelegate，把每个PageViewController加载到SCrollView上

//.h

#import <UIKit/UIKit.h>

@interface FKViewController : UIViewController <UIScrollViewDelegate>

@end

//.m

#import "FKViewController.h"

#import "FKPageController.h"

@interface FKViewController ()

@end

@implementation FKViewController

UIScrollView* scrollView;

NSMutableArray *viewControllers;

UIPageControl* pageControl;

NSArray* contentList;

NSArray* coverList;

- (void)viewDidLoad

{

[super viewDidLoad];

contentList = [NSArray arrayWithObjects:@"疯狂Android讲义",

@"疯狂Ajax讲义",

@"疯狂XML讲义",

@"疯狂HTML5/CSS3/JavaScript讲义" , nil];

coverList = [NSArray arrayWithObjects:@"android.png",

@"ajax.png",

@"xml.png",

@"html.png" , nil];

NSUInteger numberPages = contentList.count;

// 程序将会采用延迟加载的方式来创建FKPageController控制器

// 因此此处只向数组中添加一些null作为占位符，

// 等到程序需要时才真正创建FKPageController

viewControllers = [[NSMutableArray alloc] init];

for (NSUInteger i = 0; i < numberPages; i++)

{

[viewControllers addObject:[NSNull null]];

}

// 创建UIScrollPane对象

scrollView = [[UIScrollView alloc]

initWithFrame:[[UIScreen mainScreen] bounds]];

// 设置背景色

scrollView.backgroundColor = [UIColor grayColor];

scrollView.pagingEnabled = YES;

// 设置UIScrollPane的contentSize——就是它可滚动区域的大小

scrollView.contentSize = CGSizeMake(CGRectGetWidth(scrollView.frame)

* numberPages, CGRectGetHeight(scrollView.frame));

scrollView.showsHorizontalScrollIndicator = NO;

scrollView.showsVerticalScrollIndicator = NO;

scrollView.scrollsToTop = NO;

// 设置该控制作为UIScrollView的委托对象

scrollView.delegate = self;

[self.view addSubview:scrollView];

// 创建UIPageControl控件

pageControl = [[UIPageControl alloc] init];

// 设置UIPageControl的大小和位置

pageControl.frame = CGRectMake(0, CGRectGetHeight(scrollView.frame) - 80, CGRectGetWidth(scrollView.frame), 80);

// 设置UIPageControl的圆点的颜色

pageControl.pageIndicatorTintColor = [UIColor grayColor];

// 设置UIPageControl的高亮圆点的颜色

pageControl.currentPageIndicatorTintColor = [UIColorredColor];

// 设置UIPageControl控件当前显示第几页

pageControl.currentPage = 0;

// 设置UIPageControl控件总共包含多少页

pageControl.numberOfPages = numberPages;

pageControl.hidesForSinglePage = YES;

// 为pageControl的Value Changed事件绑定事件处理方法

[pageControl addTarget:self action:@selector(changePage:)

forControlEvents:UIControlEventValueChanged];

[self.view addSubview:pageControl];

// 初始化时默认只需加载、显示第一页的View。

[self loadScrollViewWithPage:0];

// 为了避免“翻页”时才加载下一页导致删除，同时把下一页的View也加载出来

[self loadScrollViewWithPage:1];

}

// 自定义方法，用于加载UIScrollPage的指定页对应的控制器

- (void) loadScrollViewWithPage:(NSUInteger)page

{

// 如果超出总页数，方法直接返回

if (page >= contentList.count)

return;

// 获取page索引处的控制器

FKPageController *controller = [viewControllers objectAtIndex:page];

// 如果page索引处的控制器还没有初始化

if ((NSNull *)controller == [NSNull null])

{

// 创建FKPageController对象

controller = [[FKPageController alloc] initWithPageNumber:page];

// 用FKPageController对象替换page索引处原来的对象

[viewControllers replaceObjectAtIndex:page withObject:controller];

}

// 将controller控制器对应View添加到UIScrollView中

if (controller.view.superview == nil)

{

CGRect frame = scrollView.frame;

frame.origin.x = CGRectGetWidth(frame) * page;

frame.origin.y = 0;

// 设置该控制器对应的View的大小和位置

controller.view.frame = frame;

// 设置controller控制器的bookLabel控件的文本

controller.bookLabel.text = [contentList objectAtIndex:page];

controller.bookImage.image = [UIImage imageNamed:[coverList objectAtIndex:page]];

// 将controller控制器添加为当前控制器的子控制器。

[self addChildViewController:controller];

// 将controller控制器对应的View添加到UIScrollView中

[scrollView addSubview:controller.view];

}

}

// 来自UIScrollViewDelegate的方法，当用户滚动UIScrollView后激发该方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

// 获取UIScrollView控件的宽度，也就是页面的宽度

CGFloat pageWidth = CGRectGetWidth(scrollView.frame);

// 用UIScrollView水平滚动的距离减去页面宽度的一半，除以页面宽度的结果再加1，

// 即可得到当前处于第几页

NSUInteger page = floor((scrollView.contentOffset.x

- pageWidth / 2) / pageWidth) + 1;

// 控制UIPageControl显示当前处于第page页

pageControl.currentPage = page;

// 为了避免“翻页”时才加载上一页、下一页导致闪烁，

// 因此加载当前页的View时，也把上一页、下一页的View也加载出来

[self loadScrollViewWithPage:page - 1];

[self loadScrollViewWithPage:page];

[self loadScrollViewWithPage:page + 1];

}

// 事件监听方法，当用户更改UIPageControl的选中页时激发该方法

- (void) changePage:(id)sender

{

NSInteger page = [sender currentPage];

// 创建一个CGRect对象，该CGRect区域代表了该UIScrollView将要显示的页

CGRect bounds = scrollView.bounds;

bounds.origin.x = CGRectGetWidth(bounds) * page;

bounds.origin.y = 0;

// 控制UIScrollView滚动到指定区域

[scrollView scrollRectToVisible:bounds animated:YES];

// 为了避免“翻页”时才加载上一页、下一页导致闪烁，

// 因此加载当前页的View时，也把上一页、下一页的View也加载出来

[self loadScrollViewWithPage:page - 1];

[self loadScrollViewWithPage:page];

[self loadScrollViewWithPage:page + 1];

}

@end