美文网首页『ios』进阶Xcode&iOS重学
『ios』篇tableView双表联动的解决方案

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

作者: butterflyer | 来源:发表于2018-09-10 18:48 被阅读47次
    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

    ios自习室欢迎进入,一起学习一起进步。

    IMG_7291.JPG

    相关文章

      网友评论

        本文标题:『ios』篇tableView双表联动的解决方案

        本文链接:https://www.haomeiwen.com/subject/rdhegftx.html