在 iOS 中使用 TableViews 创建多列表

Question

我在iOS 中使用多个TableViews 创建多列表。如附图所示，即TableViews并排放置。由于TableView具备每个单元格的TapGesture、Scrolling等所有功能，我喜欢我的实现方式。

唯一的问题是滚动。由于每个 TableView 都有自己的滚动，因此我在彼此之间同步滚动时遇到了问题。否则，每行不同列的所有数据都将不匹配。

如何在 TableView 之间同步滚动，即如果我滚动一个 TableView，所有 TableView 应该一起滚动。

谢谢。

Answer 1

有一些方法可以让它工作。但这将是错误的，并且在我看来，解决问题的方法不正确。对于这个问题，我会使用UICollectionView。这样，您就有了一个dataSource，并且比UITableView 更灵活。您也不需要使用任何 hacks 来同步滚动。

Answer 2

将你的 UITableView 分成你想显示的列数，就像我在示例代码中所做的那样，然后添加自定义标签并为它们提供标签

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *ci=@"cell";
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:ci];


    if(cell==nil)
    {
        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ci];
    }


    if (tableView == your tablename)
    {

    CGFloat widthLabelHeader = CGRectGetWidth(tablename.frame)/7; // 7 is the number of columns in table view

serialnmbrlbl = (UILabel*)[cell.contentView viewWithTag:401];

    if(!serialnmbrlbl)

    {

        serialnmbrlbl = [[UILabel alloc]init];
        serialnmbrlbl.frame = CGRectMake(0, 0, widthLabelHeader, 50);
        serialnmbrlbl.layer.borderWidth = 0.5;
        serialnmbrlbl.tag = 401;
        serialnmbrlbl.font = [UIFont fontWithName:@"ArialHebrew-Light" size:14];
        [cell.contentView addSubview:serialnmbrlbl];
    }
    serialnmbrlbl.textAlignment = NSTextAlignmentCenter;


    diagnosisnamelbl = (UILabel*)[cell.contentView viewWithTag:402];

    if(!diagnosisnamelbl)

    {

        diagnosisnamelbl = [[UILabel alloc]init];
        diagnosisnamelbl.frame = CGRectMake(0, 0, widthLabelHeader, 50);
        diagnosisnamelbl.layer.borderWidth = 0.5;
        diagnosisnamelbl.tag = 402;
        diagnosisnamelbl.font = [UIFont fontWithName:@"ArialHebrew-Light" size:14];
        [cell.contentView addSubview:diagnosisnamelbl];
    }
    diagnosisnamelbl.textAlignment = NSTextAlignmentCenter;


    dischargeamtlbl = (UILabel*)[cell.contentView viewWithTag:403];

    if(!dischargeamtlbl)

    {

        dischargeamtlbl = [[UILabel alloc]init];
        dischargeamtlbl.frame = CGRectMake(0, 0, widthLabelHeader, 50);
        dischargeamtlbl.layer.borderWidth = 0.5;
        dischargeamtlbl.tag = 403;
        dischargeamtlbl.font = [UIFont fontWithName:@"ArialHebrew-Light" size:14];
        [cell.contentView addSubview:dischargeamtlbl];
    }
    dischargeamtlbl.textAlignment = NSTextAlignmentCenter;

然后应用第二个委托方法

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

{
    if(tableView == hospitaltable)
    {
        UIView *sectionHeaderView = [[UIView alloc] initWithFrame:
                                     CGRectMake(0, 0, hospitaltable.frame.size.width, 45.0)];
        sectionHeaderView.backgroundColor = [UIColor colorWithRed:(83/255.f) green:(200/255.f) blue:(36/255.f) alpha:1];

        CGFloat widthLabelHeader = CGRectGetWidth(hospitaltable.frame)/7;


        UILabel *namelabel1 = (UILabel*)[sectionHeaderView viewWithTag:201];
        if(!namelabel1)
        {

            namelabel1 = [[UILabel alloc]init];
            namelabel1.frame = CGRectMake(0, 0, widthLabelHeader, 45);
            namelabel1.layer.borderWidth = 0.5;
            namelabel1.font = [UIFont fontWithName:@"ArialHebrew-Light" size:14];
            [sectionHeaderView addSubview:namelabel1];
        }
        namelabel1.text = @"Sr. NO.";
        namelabel1.textAlignment = NSTextAlignmentCenter;
        namelabel1.lineBreakMode = NSLineBreakByTruncatingMiddle;
        namelabel1.numberOfLines = 2;

        namelabel1.backgroundColor = [UIColor colorWithRed:(83/255.f) green:(200/255.f) blue:(36/255.f) alpha:1];


        UILabel *orderdateLbl = (UILabel*)[sectionHeaderView viewWithTag:202];
        if (!orderdateLbl) {
            orderdateLbl = [[UILabel alloc]init];
            orderdateLbl.frame = CGRectMake(CGRectGetMaxX(namelabel1.frame), 0, widthLabelHeader, 45);
            orderdateLbl.layer.borderWidth = 0.5;
            orderdateLbl.font = [UIFont fontWithName:@"ArialHebrew-Light" size:14];
            [sectionHeaderView addSubview:orderdateLbl];
        }
        orderdateLbl.text = @"DIAGNOSIS NAME";
        orderdateLbl.textAlignment = NSTextAlignmentCenter;
        orderdateLbl.lineBreakMode = NSLineBreakByTruncatingMiddle;
        orderdateLbl.numberOfLines = 2;

        orderdateLbl.backgroundColor = [UIColor colorWithRed:(83/255.f) green:(200/255.f) blue:(36/255.f) alpha:1];

也应用这个委托方法..

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{

        return 45;
}

最后

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

{
  return 45;
}

借助此代码，您将获得所需的 tableView