1

我有类似的看法：

在此处输入图像描述

如您所见，有不同的部分

  • 班级（1 级、2 级）
  • 课程 > 课程（课程一、课程二）
  • 课程 > 课程 > 科目（科目一、科目二）

所有这 3 个单元格的 UI 都略有不同。

我在我的故事板中创建了 1 个 UITableView，在这 3 个不同的单元格中还添加了所需的设计。

现在下一步该做什么，我已经搜索过了，我发现的是我们以前用于 xibs 的旧解决方案（每个单元格 3 个 diff xibs）

注意- 主要问题是如何围绕课程数据创建一个框。每个方框仅指特定课程。在框（课程）内，有一个主题列表放置在带边框的单元格中。如何使用 CellIdentifier 和情节提要实现这样的场景？

让我知道我可以申请故事板的通用解决方案。

问候，

穆纳尔

4

2 回答 2

2

您可以使用 ImageView 来做到这一点：----

- (void)viewDidLoad
{
    [_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:cellIdentifier];


    classes=[[NSArray alloc] initWithObjects:@"Class1",@"Class2",@"Class3",@"Class4",@"Class5",nil];
    courses=[[NSArray alloc] initWithObjects:@"Diploma",@"B.Tech",@"NIIT",@"Web Designing",@"Animation", nil];
    subjects=[[NSArray alloc] initWithObjects:@"Math",@"Applied Physics",@"Communication Skills", nil];

    [_tableView reloadData];

    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return [classes count];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [subjects count]+1;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath];


    UILabel *label;
    label=(UILabel*)[cell viewWithTag:22];

    UIImageView *backImg;

    backImg=(UIImageView*)[cell viewWithTag:21];

    CGPoint origin=cell.textLabel.frame.origin;

    int leftOffset=20;

    if (!backImg) {
        backImg=[[UIImageView alloc] initWithFrame:CGRectMake(origin.x+leftOffset, origin.y, 150, 30)];
        backImg.tag=21;
        backImg.image=[UIImage imageNamed:@"back.png"];

        label=[[UILabel alloc] initWithFrame:backImg.frame];
        label.tag=22;
        label.backgroundColor=[UIColor clearColor];

        [cell addSubview:backImg];
        [cell addSubview:label];
    }

    CGSize size=[[courses objectAtIndex:indexPath.section] sizeWithFont:label.font constrainedToSize:CGSizeMake(MAXFLOAT, 30) lineBreakMode:label.lineBreakMode];

    if (indexPath.row==0) {
        [backImg setFrame:CGRectMake(origin.x+leftOffset, 5, size.width, size.height)];
        label.text=[courses objectAtIndex:indexPath.section];
    }else{
        [backImg setFrame:CGRectZero];
        label.text=[subjects objectAtIndex:indexPath.row-1];
    }

    return cell;
}


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

    UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 320, 30)];
    label.font=[UIFont boldSystemFontOfSize:17.0];
    label.text=[classes objectAtIndex:section];
    label.backgroundColor=[UIColor clearColor];

    CGSize size=[[classes objectAtIndex:section] sizeWithFont:label.font constrainedToSize:CGSizeMake(MAXFLOAT, 30) lineBreakMode:label.lineBreakMode];

    NSLog(@"size at section %i is %@",section,NSStringFromCGSize(size));

    UIImageView *imgView;
    imgView=[[UIImageView alloc] initWithFrame:CGRectMake(0, 5, size.width, size.height)];

    [imgView setImage:[UIImage imageNamed:@"back.png"]];

    UILabel *backView=[[UILabel alloc]initWithFrame:label.frame];
    [backView setBackgroundColor:[UIColor clearColor]];

    [backView addSubview:imgView];
    [backView addSubview:label];
    return backView;
}

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    return [classes objectAtIndex:section];
}

截屏 - -

在此处输入图像描述

这是图像

于 2013-06-15T11:08:09.793 回答
0

要让不同的单元格在 UITableView 中正常工作，您应该为每个单元格使用不同的重用标识符。在 Storyboards 中，您可以简单地使用检查器在单元格上设置此属性。在代码中，您应该在-tableView:cellForRowAtIndexPath:.

当您滚动单元格并且不会发生奇怪的事情时，这将使表格工作得很好。这样，给定类型的课程将仅使用一种单元格显示。

例如，在代码中：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString * const Course1CellIdentifier = @"Course1Cell";
    static NSString * const Course2CellIdentifier = @"Course2Cell";
    static NSString * const Course3CellIdentifier = @"Course3Cell";

    NSString *reuseIdentifier = nil;
    Course *course = ...; // some logic
    if (/*check if is course 1*/) {
        reuseIdentifier = Course1CellIdentifier;
    }
    else if (/*check if is course 2*/) {
        reuseIdentifier = Course2CellIdentifier;
    }
    else {
        reuseIdentifier = Course1CellIdentifier;
    }

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseIdentifier];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWitStyle:UITableViewStyleDefault reuseIdentifier:reuseIdentifier];
    }

    ...

    return cell;
}

此外，对于您的单元格，您可能希望为您的课程（您实际上不使用的课程）创建一个自定义抽象单元格，您可以将其子类化以使不同的课程以不同的方式显示（例如，不同的单元格的高度、边框、背景、任何）。

于 2013-06-15T09:08:40.640 回答