UIPageViewController是iOS 5.0之后提供的一个分页控件可以实现图片轮播效果和翻书效果.使用起来也很简单方便.
1. 代码示例
1.1 OC示例
ViewController的.m代码如下:
#import "ViewController.h"
#import "ContentViewController.h"
@interface ViewController () <UIPageViewControllerDelegate, UIPageViewControllerDataSource>
@property (nonatomic, strong) UIPageViewController *pageViewController;
@property (nonatomic, strong) NSArray *pageContentArray;
@end
@implementation ViewController
#pragma mark - lazy load
- (NSArray *)pageContentArray
{
if (!_pageContentArray) {
NSMutableArray *arrayM = [[NSMutableArray alloc] init];
for (int i = 0; i < 10; i++) {
NSString *contentString = [[NSString alloc] initWithFormat:@"This is the page %d of content displayed using UIPageViewController", i];
[arrayM addObject:contentString];
}
_pageContentArray = [arrayM copy];
}
return _pageContentArray;
}
#pragma mark - Life Cycle
- (void)viewDidLoad {
[super viewDidLoad];
// 选择切换效果
[self pageViewControllerTransitonStyleScroll];
_pageViewController.dataSource = self;
_pageViewController.delegate = self;
// 设置UIPageViewController初始化数据,将数据放到NSArray里面
// 如果 options 设置了 UIPageViewControllerSpineLocationMid,注意viewControllers至少包含两个数据,且 doubleSided = YES
ContentViewController *initialViewController = [self viewControllerAtIndex:0];// 得到第一页
NSArray *viewControllers = [NSArray arrayWithObject:initialViewController];
[_pageViewController setViewControllers:viewControllers direction:UIPageViewControllerNavigationDirectionReverse animated:YES completion:nil];
_pageViewController.view.frame = self.view.bounds; // 设置UIPageViewControlelr视图的尺寸
// 在页面上,显示UIPageViewController对象的View
[self addChildViewController:_pageViewController];
[self.view addSubview:_pageViewController.view];
}
- (void)pageViewControllerTransitonStylePageCurl
{
// 设置UIPageViewController的配置项
NSDictionary *options = @{UIPageViewControllerOptionSpineLocationKey : @(UIPageViewControllerSpineLocationMin)};
// 根据给定的属性实例化UIPageViewController
_pageViewController = [[UIPageViewController alloc] initWithTransitionStyle:UIPageViewControllerTransitionStylePageCurl navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal options:options];
}
- (void)pageViewControllerTransitonStyleScroll
{
// 设置UIPageViewController的配置项
NSDictionary *options = @{UIPageViewControllerOptionInterPageSpacingKey : @(20)};
// 根据给定的属性实例化UIPageViewController
_pageViewController = [[UIPageViewController alloc] initWithTransitionStyle:UIPageViewControllerTransitionStyleScroll navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal options:options];
}
#pragma mark - UIPageViewControllerDataSource And UIPageViewControllerDelegate
#pragma mark 返回上一个ViewController对象
- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerBeforeViewController:(UIViewController *)viewController {
NSUInteger index = [self indexOfViewController:(ContentViewController *)viewController];
if ((index == 0) || (index == NSNotFound)) {
return nil;
}
index--;
// 返回的ViewController,将被添加到相应的UIPageViewController对象上。
// UIPageViewController对象会根据UIPageViewControllerDataSource协议方法,自动来维护次序
// 不用我们去操心每个ViewController的顺序问题
return [self viewControllerAtIndex:index];
}
#pragma mark 返回下一个ViewController对象
- (UIViewController *)pageViewController:(UIPageViewController *)pageViewController viewControllerAfterViewController:(UIViewController *)viewController {
NSUInteger index = [self indexOfViewController:(ContentViewController *)viewController];
if (index == NSNotFound) {
return nil;
}
index++;
if (index == [self.pageContentArray count]) {
return nil;
}
return [self viewControllerAtIndex:index];
}
#pragma mark - 根据index得到对应的UIViewController
- (ContentViewController *)viewControllerAtIndex:(NSUInteger)index {
if (([self.pageContentArray count] == 0) || (index >= [self.pageContentArray count])) {
return nil;
}
// 创建一个新的控制器类,并且分配给相应的数据
ContentViewController *contentVC = [[ContentViewController alloc] init];
contentVC.content = [self.pageContentArray objectAtIndex:index];
return contentVC;
}
#pragma mark - 数组元素值,得到下标值
- (NSUInteger)indexOfViewController:(ContentViewController *)viewController {
return [self.pageContentArray indexOfObject:viewController.content];
}
@end
ContentViewController
@interface ContentViewController : UIViewController
@property (nonatomic, copy) NSString *content;
@end
#define kRandomColor ([UIColor colorWithRed:arc4random_uniform(256)/255.0 green:arc4random_uniform(256)/255.0 blue:arc4random_uniform(256)/255.0 alpha:1.0f])
@interface ContentViewController ()
@property (nonatomic, strong) UILabel *contentLabel;
@end
@implementation ContentViewController
- (void)viewDidLoad{
[super viewDidLoad];
self.view.backgroundColor = kRandomColor;
_contentLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 50, self.view.bounds.size.width, 100)];
_contentLabel.numberOfLines = 0;
_contentLabel.backgroundColor = kRandomColor;
[self.view addSubview:_contentLabel];
}
- (void) viewWillAppear:(BOOL)paramAnimated{
[super viewWillAppear:paramAnimated];
_contentLabel.text = _content;
}
@end