很多论坛类的app都使用了此效果来达到浏览效果 https://github.com/lvjiaqijiaqi/JQPagerScan
2016-07-29 22_32_47.gif
2016-07-29 22_34_59.gif
说一说里面的东西
1.因为只用一个tableView来来做的，每次需要跳转页码的时候，做截屏, 产生一个View来做过度动画。#####
-(UIImageView *)createMaskView{
UIImageView *maskView = [[UIImageView alloc] initWithFrame:CGRectMake([_PageTableView frameX], [_PageTableView frameY], [_PageTableView frameW],[_PageTableView frameH])];
maskView.image = [self convertViewToImage:_PageTableView.superview];
return maskView;
}
-(UIImage*)convertViewToImage:(UIView *)v{
CGSize s = CGSizeMake(v.frame.size.width, v.frame.size.height);
UIGraphicsBeginImageContextWithOptions(s, NO, [UIScreen mainScreen].scale);
CGContextRef context = UIGraphicsGetCurrentContext();
[v.layer renderInContext:context];
UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
CGImageRef ref = CGImageCreateWithImageInRect(img.CGImage, CGRectMake([_PageTableView frameX]*[UIScreen mainScreen].scale, [_PageTableView frameY]*[UIScreen mainScreen].scale, [_PageTableView frameW]*[UIScreen mainScreen].scale, [_PageTableView frameH]*[UIScreen mainScreen].scale));
UIImage *image = [UIImage imageWithCGImage:ref];
CGImageRelease(ref);
return image;
}
convertViewToImage:就是将view转化成image的method
2.阻止tableView的惯性滑动。#####
自己试一下，当scrollView滑动的时候会有惯性，当手抬起的时候，scrollView将做一个减速滑动, 这个惯性滑动会传递下去，
比如当你处于减速滑动的时候，刷新了的tableView，但是惯性滑动会继续进行下去，所以当我们通过手势翻到下一页的时候，应该阻止惯性滑动。
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
NSInteger p = [self validNewPage:scrollView];
if (p != -1 ) {
dispatch_async(dispatch_get_main_queue(), ^{
[scrollView setContentOffset:scrollView.contentOffset animated:NO];
[scrollView setNeedsLayout];
[scrollView layoutIfNeeded];
[self setCurrentPage:p];
});
}
}
:: validNewPage:scrollView是一个验证是否能翻页的方法.
在scrollViewDidEndDragging方法中 [scrollView setContentOffset:scrollView.contentOffset animated:NO]消除惯性滑动，同时强制刷新，之后再来处理翻页的行为.
3.autoLayout带来的问题。#####
采用了autolayout驱动的tableview并不会一开始就设置正确的tableview.contentSize,在滑到最后一个cell，遍历了整个cell的约束的时候才会达到正确contentSize ， 所以造成的影响就是tableview下方的提示label的orgin不能在tableview刷新的时候确定。要根据tableview.contentSize变化来确定。
-(void)adjustTheTailY:(CGFloat)h{
if (h == 0) {self.tailLabelOfTable.hidden = YES;return;}
self.tailLabelOfTable.hidden = NO;
[self.tailLabelOfTable setCenter:CGPointMake(self.tailLabelOfTable.center.x, h+50)];
}
-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context{
if ([keyPath isEqual:@"contentSize"]){
[self adjustTheTailY:[change[@"new"] CGSizeValue].height];
}else if ([keyPath isEqual:@"contentOffset"]){
}
}
使用也是很简单的
self.pagerScanView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height-50)];
self.pagerScanView.dataSource = self;
[self.pagerScanView registerNib:[UINib nibWithNibName:@"PageTableViewCell" bundle:nil] forCellReuseIdentifier:@"cell"];
self.pagerScanView.rowHeight = UITableViewAutomaticDimension;
[self.view addSubview:self.pagerScanView];
self.data = [[NSMutableDictionary alloc] init];
__weak typeof(self)weakSelf = self;
[self.pagerScanView statPageScanBlock:^(UITableView *tabelView , void (^callBack)(NSDictionary *headMsg) ) {
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_global_queue(0, 0), ^{
NSData *data = tabelView.tag%2 ? [NSData dataWithContentsOfURL:[NSBundle.mainBundle URLForResource:@"data" withExtension:@"txt"]] : [NSData dataWithContentsOfURL:[NSBundle.mainBundle URLForResource:@"data1" withExtension:@"txt"]] ;
NSDictionary *a = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];
NSArray *floors = [a objectForKey:@"postsFloor"];
NSDictionary *msg = [a objectForKey:@"postMsg"];
NSMutableArray *d = [NSMutableArray arrayWithCapacity:10];
for (int i = 0; i < 10; i++) {
NSDictionary *floor = [floors objectAtIndex:i];
Floor *f = [[Floor alloc] init];
f.floorNum = [NSString stringWithFormat:@"%@",[floor objectForKey:@"floorNum"]];
f.username = [floor objectForKey:@"name"];
f.body = [floor objectForKey:@"content"];
f.status = @"";
f.time = [floor objectForKey:@"time"];
[d addObject:f];
}
__weak id weakTableView = tabelView;
[weakSelf.data setObject:d forKey:[NSNumber numberWithInteger:tabelView.tag]];
dispatch_async(dispatch_get_main_queue(), ^{
[weakTableView reloadData];
callBack(msg);
});
});
}];
[self.pagerScanView setReplyBlock:^(NSString *uid) {
NSLog(@"setReplyBlock");
}];
[self.pagerScanView setCommentBlock:^(NSString *uid) {
NSLog(@"setCommentBlock");
}];
[self.view addSubview:[self.pagerScanView controllView]];
statPageScanBlock 方法需要传进去一个block，在这个block里面获得数据，最后刷新tableView ， 数据的保存用了一个可变的字典，key是页码数。
callBack（msg）函数是一个回调函数，定义了获取数据后需要执行的动作，参数msg是帖子的信息。
CEA7ADAD-378A-45BB-9C3C-A87BACF543AB.png
上面是整个demo的架构 ， 通过类扩展将JQPagerControll作为tableView的属性，tabelview和menuView的事件发送给JQPagerControll去处理（是否跳转，跳转到哪，跳转）。
