『ios』篇tableView双表联动的解决方案

1536574048509.jpeg

QQ20180910-181107-HD.gif

tableView双表联动，注意下这几个函数。

//滚动到具体位置
- (void)scrollToRowAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UITableViewScrollPosition)scrollPosition animated:(BOOL)animated;
//根据point获取cell的indexpath
- (nullable NSIndexPath *)indexPathForRowAtPoint:(CGPoint)point;   
//cell在当前tableview的位置
- (CGRect)rectForRowAtIndexPath:(NSIndexPath *)indexPath;
//可以获取cell在当前屏幕中的位置
- (CGRect)convertRect:(CGRect)rect toView:(nullable UIView *)view;

首先要区分两个tableView

@property (nonatomic, strong) UITableView * leftTableView;
@property (nonatomic, strong) UITableView * rightTableView;

代理方法中的区分

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 20;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    if (tableView == _leftTableView) {
        return 1;
    }
    return 5;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    if (tableView == _leftTableView) {
        return 44;
    }
    return 60;
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    if (tableView == _leftTableView) {
        return 0.01;
    }
    return 30;
}
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    if (tableView == _leftTableView) {
        return nil;
    }
    
    UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 30)];
    label.textAlignment = NSTextAlignmentCenter;
    label.textColor = [UIColor orangeColor];
    label.text = [NSString stringWithFormat:@"第%ld组",section];
    return label;
}

先说下滚动右边tableView

- (void )tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    [tableView deselectRowAtIndexPath:indexPath animated:NO];
    if (tableView == _leftTableView) {
        _currentIndexPath = indexPath;
        [tableView reloadData];
        [_rightTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:indexPath.section] atScrollPosition:UITableViewScrollPositionTop animated:YES];
        _isSelected = YES;
    }   
}

下面是滚动左边tableView,联动右边tableView

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    if (scrollView == _rightTableView && _isSelected == NO) {
        //系统方法返回处于tableView某坐标处的cell的indexPath
        NSIndexPath * indexPath = [_rightTableView indexPathForRowAtPoint:scrollView.contentOffset];
        NSLog(@"滑到了第 %ld 组 %ld个",indexPath.section, indexPath.row);
        _currentIndexPath = [NSIndexPath indexPathForRow:0 inSection:indexPath.section];
        [_leftTableView reloadData];
        [_leftTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:indexPath.section] atScrollPosition:UITableViewScrollPositionMiddle animated:NO];
    }
    //获取处于UITableView中心的cell
    //系统方法返回处于tableView某坐标处的cell的indexPath
    NSIndexPath * middleIndexPath = [_rightTableView  indexPathForRowAtPoint:CGPointMake(0, scrollView.contentOffset.y + _rightTableView.frame.size.height/2)];
    NSLog(@"中间的cell：第 %ld 组 %ld个",middleIndexPath.section, middleIndexPath.row);
    
    //获取某个cell在当前tableView上的坐标位置
    CGRect rectInTableView = [_rightTableView rectForRowAtIndexPath:middleIndexPath];
    //获取cell在当前屏幕的位置
    CGRect rectInSuperview = [_rightTableView convertRect:rectInTableView toView:[_rightTableView superview]];
    NSLog(@"中间的cell处于tableView上的位置: %@ /n 中间cell在当前屏幕的位置：%@", NSStringFromCGRect(rectInTableView), NSStringFromCGRect(rectInSuperview));
    
}

因为tableView继承自scrollView,所有上面的方法是根据scrollView.contentoffset,来实现获取当前celld的。
还有一种方法.

       if (scrollView == _rightTableView && _isSelected == NO) {
//    返回tableView可见的cell数组
            NSArray * array = [_rightTableView visibleCells];
//    返回cell的IndexPath
            NSIndexPath * indexPath = [_rightTableView indexPathForCell:array.firstObject];
            NSLog(@"滑到了第 %ld 组 %ld个",indexPath.section, indexPath.row);
            _currentIndexPath = [NSIndexPath indexPathForRow:0 inSection:indexPath.section];
            [_leftTableView reloadData];
            [_leftTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:indexPath.section] atScrollPosition:UITableViewScrollPositionMiddle animated:NO];
        }

获取当前的可以看到的cell，然后一直拿第一个cell，那么肯定会拿到当前当前的cell。则根据index.section,则可以拼接处左边的滚动。
demo地址
githup