iphone - 使用单独的 xib 文件将 UIView 设计为 tableview 单元格

Question

我需要设计一个 UIView 作为带有单独 xib 文件的 tableview 单元格。我还尝试创建一个单独的 xib 并将其视图匹配设计为 tableview 单元格类型。但是失败了，有什么编程指南可以创建自定义的、可重用的、tableview 单元格创建吗？

创建自定义表格视图单元格后，我们如何将其添加到表格视图中？

Answer 1

1. 您需要子类化，UITableViewCell然后您必须添加一个新的“视图”文件（请参阅下图）

2. 删除UIView文件.xib并Table View Cell从object library.

3.为您的单元格设置自定义类

CustomCell *cell = (CustomCell*)[tableView    dequeueReusableCellWithIdentifier:identifier];
if (cell == nil) {
    // Load the top-level objects from the custom cell XIB.
    NSArray *topLevelObjects = [[NSBundle mainBundle] loadNibNamed:@"CustomCell" owner:self options:nil];
    // Grab a pointer to the first object (presumably the custom cell, as that's all the XIB should contain).
    cell = [topLevelObjects objectAtIndex:0];
}

Answer 2

您可以创建一个单独的 NIB 来存储您的表格单元格。在 viewDidLoad 中为每种单元格类型注册您的 Nib 文件：

#define kMyCellIdentifier @"kMyCellIdentifier"

....

- (void)viewDidLoad
{
  UINib *tableCellNib = [UINib nibWithNibName:@"MyCell" bundle:nil];
  [self.tableView tableCellNib forCellReuseIdentifier:kMyCellIdentifier];
}

然后，您可以在需要时创建该单元格。由于您已经注册了 Nib，如果还没有要出列的单元格，iOS 将为您处理创建单元格：

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

  // Configure cell...

  return cell;
}

您也可以直接在 IB 中的 Storyboards 中创建原型单元，但是如果您有一个通用应用程序，那就很痛苦了，因为您需要同时维护同一单元的 iPad 和 iPhone 版本。

Answer 3

你可以在这里找到一个演示，并且在共享的一侧有一个 customcell 文件夹，并希望你能够找到所有的东西并根据你的需要修复它。

Answer 4

在委托方法的 cellforrowindexpath 方法中添加如下：-

UIView *myView = [UIView alloc]init]; //or initwithframe
myview.frame = cell.contentView.frame;

如果要确定然后设置背景颜色

myview.backgroundColor = [UIColor yellowColor];  //Or any other color.
[cell addsubview :myview];

谢谢你。如果您有任何疑问，请随时联系。

Answer 5

在cellForRowAtIndexPath委托方法中，执行以下操作：

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

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


    UIView *view =[[UIView alloc]init];
    view.frame = cell.contentView.frame;

    view.backgroundColor = [UIColor redColor];//To be sure that the custom view in the cell
    [cell addSubview:view];

    return cell;
}

Answer 6

首先，您必须创建一个具有单元格类配置的文件，该文件应继承自 UITableViewCell 类。创建一个只有表格视图单元格的 XIB 文件。然后将您的自定义单元格类文件导入您的视图或视图控制器并实现以下方法。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *CellIdentifier = [NSString stringWithFormat:@"Cell%d",indexPath.row];
            YOUR_CUSTOM_CELL_CLASS * cell = (YOUR_CUSTOM_CELL_CLASS *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
            return [self createCustomCell:cell cellForRowAtIndexPath:indexPath];
}


-(YOUR_CUSTOM_CELL_CLASS *)createCustomCell:(YOUR_CUSTOM_CELL_CLASS *)cell cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{
if (cell == nil)
    {
        cell = (YOUR_CUSTOM_CELL_CLASS *)[[[NSBundle mainBundle] loadNibNamed:@"YOUR_CUSTOM_CELL_CLASS_XIB_FILE_NAME" owner:self options:nil] objectAtIndex:0];
    }
    return cell;
}