ios - 创建更详细的表格单元格

Question

我想创建更详细的表格单元格。我发现的一个例子是 reddit.com 客户端 AlienBlue。每个单元格都有一张图片，即帖子的标题，然后在其下方还有其他四段文字。如何在表格单元格中“分层”文本？

Answer 1

嗨，您应该将UITableViewCell子类化为表格视图中单元格的自定义用户界面。另请参阅：UITableViewDataSource和UITableViewDelegate以获取有关表格视图的其他选项。

可能您的子类 UiTableViewCell 将具有标题 (UILabel)、标题 (UILabel) 和图像 (UIImageView) 的自定义字段

例子：

1. 制作自定义 UITableView 单元格

2. 为 UITableView 自定义表格视图单元格

Answer 2

您将需要创建一个自定义UITableViewCell. 这很简单，可以完全用代码（我最喜欢的）或通过 IB 来完成。

谷歌custom UITableView cell一些很棒的教程。

Answer 3

1. 使用NSMUtableDictionary的NSMutableArray，而不是 NSArray 或 NSMutableArray，来保存数据（字符串、图像等）。
2. 将表格单元格样式属性设置为UITableViewCellStyleSubtitle以便表格可以显示详细的TextLabel（cell.detailTextLabel.text）。
3. 您可以为表格单元格设置图像。

例子

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

if (cell == nil) {
    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
}
// Configure the cell...
UIImage *image = [[list1 objectAtIndex:indexPath.row] objectForKey:key1a];
cell.imageView.image = image;
NSString *categoryname = [[list1 objectAtIndex:indexPath.row] objectForKey:key1b];
cell.textLabel.text = categoryname;
cell.detailTextLabel.text = [[list1 objectAtIndex:indexPath.row] objectForKey:key1e];
cell.detailTextLabel.textColor = [UIColor blueColor];
return cell;
}

Answer 4

    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {

        static NSString *CellIdentifier = @"Cell";
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
        if (cell == nil) 
        {
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
        }

        cell.textLabel.text=[NSString stringWithFormat:@"%@",[appdelegate.name objectAtIndex:indexPath.row]];

        UIImage *image = [[array1 objectAtIndex:indexPath.row];

        cell.detailTextLabel.text = [[array1 objectAtIndex:indexPath.row];


        return cell;
     }