ios - 隐藏或移动选定的 Cell 并在 UItableView 的 indexPath.row 中加载一个新的自定义 Cell

Question

我有一个 UITableView 调用 myTableView 和两个自定义 UITableViewCell 调用 TableViewCell 和 ExTableViewCell。我想要的是，当用户点击一个单元格时，现有单元格 TableViewCell 将隐藏/移动并且 ExTableViewCell 加载到该 indexpath.row当再次点击 indexpath.row 时，它会隐藏 ExTableViewCell 并在该位置恢复旧的 TableViewCell。

这是我的代码:

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.myArray = [[NSArray alloc] initWithObjects:@"one", @"two", @"three", @"four", @"five", @"six", nil];
    selectedIndex = -1;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (selectedIndex == indexPath.row)
    {
        return 230;
    }
    else
    {
        return 40;
    }
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [self.myArray count];
}

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

    if (!Cell)
    {
        Cell = [[TableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }

    Cell.myLabel.text = [self.myArray objectAtIndex:indexPath.row];



    if (selectedIndex == indexPath.row)
    {
        static NSString *CellIdentifier = @"CellEx";
        ExTableViewCell *Cell = (ExTableViewCell *)[self.myTableView dequeueReusableCellWithIdentifier:CellIdentifier];

        if (!Cell)
        {
            Cell = [[ExTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
        }
        Cell.backgroundColor = [UIColor redColor];
        Cell.exLabel.text = [self.myArray objectAtIndex:indexPath.row];
    }
    else
    {
        // Do close cell stuff
        //Cell.backgroundColor = [UIColor clearColor];
    }

    return Cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Expand row when user taps row
    if (selectedIndex == indexPath.row)
    {
        selectedIndex = -1;
        [self.myTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:  UITableViewRowAnimationFade];

        return;
    }

    // When user taps different row
    if (selectedIndex != -1)
    {
        NSIndexPath *prevPath = [NSIndexPath indexPathForRow:selectedIndex inSection:0];
        selectedIndex = indexPath.row;
        [self.myTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:prevPath] withRowAnimation:UITableViewRowAnimationFade];
    }

    // When user taps new row with none expanded
    selectedIndex = indexPath.row;
    [self.myTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
}

但由于某些原因，ExTableViewCell label 没有显示任何文本。 ExTableViewCell 仍然位于其顶部。我怎样才能做到这一点？

非常感谢您的提前。祝你有美好的一天。 :)

这是输出:

我的问题:

Answer 1

您不需要“隐藏”旧单元格来显示新单元格，您只需在所需的索引路径处重新加载适当的内容。像这样:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    MyCustomCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];
    if ([self.selectedPath isEqual:indexPath]) {
        //configure the extended cell
        cell = [tableView dequeueReusableCellWithIdentifier:@"CellEx" forIndexPath:indexPath];
        ...
    } else {
        //configure the default cell
    }
}

下面是处理选中/取消选中状态的方法:

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    NSIndexPath *oldPath = [self.selectedPath copy];
    self.selectedPath = indexPath;
    NSArray *paths = @[indexPath];
    if (oldPath && ![oldPath isEqual:indexPath]) {
        paths = [paths arrayByAddingObject:oldPath];
    } else if ([oldPath isEqual:indexPath]){
        self.selectedPath = nil;
    }
    [self.tableView beginUpdates];
    [self.tableView reloadRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationAutomatic];
    [self.tableView endUpdates];
}