很多論壇類的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去處理（是否跳轉，跳轉到哪，跳轉）。
