iPhone - 创建自定义 UITableViewCell 顶部和底部边框

Question

我到处寻找，但还没有找到答案。

我用 JSON 中的动态单元格填充 UITableView，并且试图隐藏任何额外的单元格。我关闭了IB中的分隔符，当然所有的单元格分隔符都消失了。如何在每个 tableviewcell 的底部和顶部添加一条线，以便只有包含信息的单元格显示边框？我已经导入了 Quartz 并一直在使用 CALayer 但找不到解决方案。

我在这里发现了类似的问题，但唯一的答案不是很有帮助。

什么是更好的、不同的方法来做到这一点？

这是我的 cellForRowAtIndexPath 和 numberOfRowsInSection:

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

    // Return the number of rows in the section.
    //set equal to the information in the array

    return [_jsonDataArray count];
}

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

    //create Dictionary of data in row
    NSDictionary *jsoninfo = [_jsonDataArray objectAtIndex:indexPath.row];

    //get required keys from dictionary and assign to vairables
    NSString *title = [jsoninfo objectForKey:@"title"];
    NSString *subtitle = [jsoninfo objectForKey:@"subtitle"];
    NSURL *imageURL = [NSURL URLWithString:[jsoninfo objectForKey:@"series_image_URL"]];

    //download the images.
    NSData *imgData = [NSData dataWithContentsOfURL:imageURL];
    UIImage *img = [[UIImage alloc] initWithData:imgData];


    //set boarder for custom cells... I need to have a border on the top and bottom of the cells I am creating so xcode does not autofill the empty space.



    //fill in text to cells
    cell.textLabel.text = title;
    cell.detailTextLabel.text = subtitle;
    cell.imageView.image = img;

    return cell;
}

Answer 1

我也认为这不是最好的主意，但如果你真的想这样做，这里的代码可以实现你想要的:

tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

// Draw top border only on first cell
if (indexPath.row == 0) {
    UIView *topLineView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 1)];
    topLineView.backgroundColor = [UIColor grayColor];
    [cell.contentView addSubview:topLineView];
}

UIView *bottomLineView = [[UIView alloc] initWithFrame:CGRectMake(0, cell.bounds.size.height, self.view.bounds.size.width, 1)];
bottomLineView.backgroundColor = [UIColor grayColor];
[cell.contentView addSubview:bottomLineView];

将此代码放入 tableView:cellForRowAtIndexPath: 方法中。 UITableView 的最终外观将如下所示:

请考虑到这对于性能来说并不是很好，特别是当您有很多单元格时。如果您的数据量较大，请引用this SO question获取有关如何优化绘图的帮助。