在 ios 中展开和折叠表格视图单元格
Posted
技术标签:
【中文标题】在 ios 中展开和折叠表格视图单元格【英文标题】:Expanding and Collapsing table view cells in ios 【发布时间】:2013-11-08 09:41:59 【问题描述】:我有一个自定义单元格的表格视图和每个单元格中的一些按钮。单击单元格内的任何按钮将显示该单元格下方的另一个自定义视图。接下来单击同一按钮将折叠视图并需要相同对于所有单元格。我尝试在按钮单击时使用 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];
谁能帮帮我?
【问题讨论】:
如需快速查看此链接iostutorialjunction.com/2017/03/… 【参考方案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
这里的关键是确定您的单元格是否应该展开/折叠并在委托方法中返回正确的高度。
【讨论】:
确保将表格单元格设置为在情节提要中剪辑子视图,否则您要隐藏的内容将显示出来。 感谢@KalelWade 的提示 Swift3 解决方案,iostutorialjunction.com/2017/03/… @eagle.dan.1349 NSIndexPath* aPath = [self indexPathForCellWithButtonTag:aButton.tag] 给出错误。 “ViewController”没有可见界面声明选择器“indexPathForCellWithButtonTag:”你帮我了吗? @Nij,此方法的实现细节取决于愿意稍微超越从 SO 复制和粘贴的读者:P【参考方案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
【讨论】:
【参考方案3】:看到这篇文章,只想给我 2 美分,因为我对此的解决方案与选择的答案(整个区域的敲击)非常相似。
许多人仅使用单元来构建它,但我相信有一种方法可以更好地与人们试图实现的目标保持一致:
有标题和单元格。 标题应该是可点击的,然后标题下方的单元格会显示或隐藏。这可以通过向标题添加手势识别器来实现,当点击时,您只需删除该标题(部分)下方的所有单元格,反之亦然(添加单元格)。当然,您必须维护哪些标头“打开”以及哪些标头“关闭”的状态。
这很好有几个原因:
-
标题和单元格的工作是分开的,这使得代码更清晰。
此方法与表视图的构建方式(标题和单元格)配合得很好,因此没有什么神奇之处 - 代码只是删除或添加单元格,并且应该与更高版本的 iOS 兼容。李>
我制作了一个非常简单的库来实现这一点。只要您的表格视图设置了 UITableView 部分标题和单元格,您所要做的就是将表格视图和标题子类化。
链接:https://github.com/fuzz-productions/FZAccordionTableView
【讨论】:
【参考方案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];
希望这会对你有所帮助..
【讨论】:
以上是关于在 ios 中展开和折叠表格视图单元格的主要内容,如果未能解决你的问题,请参考以下文章