在 ios 中展开和折叠表格视图单元格

Question

我有一个自定义单元格的表格视图和每个单元格中的一些按钮。单击单元格内的任何按钮将显示该单元格下方的另一个自定义视图。接下来单击同一按钮将折叠视图并需要相同对于所有单元格。我尝试在按钮单击时使用 insertrow 方法，但徒劳无功。如何仅使用表格视图代表来做到这一点。

这是我尝试过的：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *simpleTableIdentifier = @"CustomCell_For_Dashboard";

    CustomCellFor_Dashboard  *customCell = (CustomCellFor_Dashboard *)[tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];
    if (customCell == nil)
    {
        NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"CustomCellFor_Dashboard" owner:self options:nil];
        customCell = [nib objectAtIndex:0];
    }
    [customCell.howyoulfeelBtn  addTarget:self action:@selector(buttonclicked:) forControlEvents:UIControlEventTouchUpInside];
      customCell.nameLabel.text = @"test";
    customCell.imgView.image = [UIImage imageNamed:@"Default.png"];
   // customCell.prepTimeLabel.text = [prepTime objectAtIndex:indexPath.row];
    return customCell;
}

-(void)buttonclicked:(id)sender{
    NSIndexPath *indexPath = [myTable indexPathForCell:sender];


    [myTable beginUpdates];

     NSIndexPath *insertPath = [NSIndexPath indexPathForRow:indexPath.row inSection:indexPath.section];
   [myTable insertRowsAtIndexPaths:[NSArray arrayWithObject:insertPath] withRowAnimation:UITableViewRowAnimationTop];
  } 

谁能帮帮我？

Answer 1

我在一个项目上完成了相同的任务，只是有一点不同：没有按钮，只需点击单元格就会展开或折叠它。

您应该在代码中编辑几项内容。首先，按钮方法代码如下所示：

- (void) collapseExpandButtonTap:(id) sender
{
    UIButton* aButton = (UIButton*)sender; //It's actually a button
    NSIndexPath* aPath = [self getIndexPathForCellWithButtonByMagic:aButton];
    //expandedCells is a mutable set declared in your interface section or private class extensiont
    if ([expandedCells containsObject:aPath])
    {
        [expandedCells removeObject:aPath];
    }
    else
    {
        [expandedCells addObject:aPath];
    }
    [myTableView beginEditing];
    [myTableView endEditing]; //Yeah, that old trick to animate cell expand/collapse
}

现在第二件事是UITableViewDelegate方法：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if ([expandedCells containsObject:indexPath])
    {
        return kExpandedCellHeight; //It's not necessary a constant, though
    }
    else
    {
        return kNormalCellHeigh; //Again not necessary a constant
    }
}

这里的关键是确定您的单元格是否应该展开/折叠并在委托方法中返回正确的高度。

Answer 2

脱离@eagle.dan.1349 所说的，这是单击单元格时的操作方法。在storyboard中，还需要设置table cell为clip subviews，否则会显示隐藏的内容。

.h

@property (strong, nonatomic) NSMutableArray *expandedCells;

.m

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{

    if ([self.expandedCells containsObject:indexPath])
    {
        [self.expandedCells removeObject:indexPath];
    }
    else
    {
        [self.expandedCells addObject:indexPath];
    }
    [tableView beginUpdates];
    [tableView endUpdates];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    CGFloat kExpandedCellHeight = 150;
    CGFloat kNormalCellHeigh = 50;

    if ([self.expandedCells containsObject:indexPath])
    {
        return kExpandedCellHeight; //It's not necessary a constant, though
    }
    else
    {
        return kNormalCellHeigh; //Again not necessary a constant
    }
}

Answer 3

看到这篇文章，只想给我 2 美分，因为我对此的解决方案与选择的答案（整个区域的敲击）非常相似。

许多人仅使用单元来构建它，但我相信有一种方法可以更好地与人们试图实现的目标保持一致：

有标题和单元格。 标题应该是可点击的，然后标题下方的单元格会显示或隐藏。这可以通过向标题添加手势识别器来实现，当点击时，您只需删除该标题（部分）下方的所有单元格，反之亦然（添加单元格）。当然，您必须维护哪些标头“打开”以及哪些标头“关闭”的状态。

这很好有几个原因：

1. 标题和单元格的工作是分开的，这使得代码更清晰。
2. 此方法与表视图的构建方式（标题和单元格）配合得很好，因此没有什么神奇之处 - 代码只是删除或添加单元格，并且应该与更高版本的 iOS 兼容。李>

我制作了一个非常简单的库来实现这一点。只要您的表格视图设置了 UITableView 部分标题和单元格，您所要做的就是将表格视图和标题子类化。

链接：https://github.com/fuzz-productions/FZAccordionTableView

Answer 4

我也遇到了同样的情况，我的解决方案是使用viewForHeaderInSection 方法在Section Title 顶部放置一个按钮。

noOfRows 定义每个部分中有多少行，button.tag 保持按下部分的哪个按钮。

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    UIButton *btnSection = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, tableView.frame.size.height)];
    btnSection.tag = section;   
    [btnSection setTitle:[sectionArray objectAtIndex:section] forState:UIControlStateNormal];
    [btnSection addTarget:self action:@selector(sectionButtonTapped:) forControlEvents:UIControlEventTouchUpInside];

    return btnSection;
} 

- (void)sectionButtonTapped:(UIButton *)button {
    sectionIndex = button.tag;
    if (button.tag == 0) {
        noOfRows = 3;
    } else if (button.tag == 1) {
        noOfRows = 1;
    } else if (button.tag == 2) {
        noOfRows = 2;
    }

    [self.tableView reloadData];
}

希望这会对你有所帮助..