blocks|key|1162717|text|您必须制作自己的自定义标题行，并将其作为每个部分的第一行。对UITableView或已经存在的头进行子类化将是一件痛苦的事情。根据它们现在的工作方式，我不确定您是否可以轻松地从它们中获取操作。您可以将单元格设置为类似于页眉，并将tableView:didSelectRowAtIndexPath设置为手动展开或折叠它所在的部分。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1162718|我将存储一个布尔值数组，该数组对应于您的每个节的"expended“值。然后，您可以让每个自定义标题行上的tableView:didSelectRowAtIndexPath切换此值，然后重新加载该特定部分。|1162719|-+(void)tableView:(UITableView+*)tableView+didSelectRowAtIndexPath:(NSIndexPath+*)indexPath+{
++++if+(indexPath.row+==+0)+{
++++++++///it's+the+first+row+of+any+section+so+it+would+be+your+custom+section+header

++++++++///put+in+your+code+to+toggle+your+boolean+value+here
++++++++mybooleans[indexPath.section]+=+!mybooleans[indexPath.section];

++++++++///reload+this+section
++++++++[self.tableView+reloadSections:[NSIndexSet+indexSetWithIndex:indexPath.section]+withRowAnimation:UITableViewRowAnimationFade];
++++}
}|code-block|syntax|javascript|1162720|然后设置numberOfRowsInSection以检查mybooleans值，如果该部分未展开则返回1，或者如果该部分已展开则返回1%2B。|1162721|-+(NSInteger)tableView:(UITableView+*)tableView+numberOfRowsInSection:(NSInteger)section+{

++++if+(mybooleans[section])+{
++++++++///we+want+the+number+of+people+plus+the+header+cell
++++++++return+[self+numberOfPeopleInGroup:section]+%2B+1;
++++}+else+{
++++++++///we+just+want+the+header+cell
++++++++return+1;
++++}
}|1162722|此外，您还需要更新cellForRowAtIndexPath以返回任何节中第一行的自定义标题单元格。|1162723|entityMap^0|U|B|36|X|0|1H|X|0|0|4|L|S|A|0|0|9|L|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|T|$]]

You have to make your own custom header row and put that as the first row of each section. Subclassing the <code>UITableView</code> or the headers that are already there will be a pain. Based on the way they work now, I am not sure you can easily get actions out of them. You could set up a cell to LOOK like a header, and setup the <code>tableView:didSelectRowAtIndexPath</code> to manually expand or collapse the section it is in.

I'd store an array of booleans corresponding the the "expended" value of each of your sections. Then you could have the <code>tableView:didSelectRowAtIndexPath</code> on each of your custom header rows toggle this value and then reload that specific section.

<pre><code>- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
 if (indexPath.row == 0) {
 ///it's the first row of any section so it would be your custom section header

 ///put in your code to toggle your boolean value here
 mybooleans[indexPath.section] = !mybooleans[indexPath.section];

 ///reload this section
 [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:indexPath.section] withRowAnimation:UITableViewRowAnimationFade];
 }
}
</code></pre>

Then set <code>numberOfRowsInSection</code> to check the <code>mybooleans</code> value and return 1 if the section isn't expanded, or 1+ the number of items in the section if it is expanded.

<pre><code>- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

 if (mybooleans[section]) {
 ///we want the number of people plus the header cell
 return [self numberOfPeopleInGroup:section] + 1;
 } else {
 ///we just want the header cell
 return 1;
 }
}
</code></pre>

Also, you will need to update <code>cellForRowAtIndexPath</code> to return a custom header cell for the first row in any section.

blocks|key|1162763|text|我有一个更好的解决方案，你应该添加一个UIButton到节标题，并设置此按钮的大小等于节的大小，但使它隐藏在清晰的背景颜色，然后你很容易检查哪一节被点击展开或折叠|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1162764|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I have a better solution that you should add a UIButton into section header and set this button's size equal to section size, but make it hidden by clear background color, after that you are easily to check which section is clicked to expand or collapse

blocks|key|1162784|text|苹果公司在这里提供了一些使用表视图节标题对展开/折叠操作进行动画处理的示例代码：Table+View+Animations+and+Gestures|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1162785|这种方法的关键是实现-+(UIView+*)tableView:(UITableView+*)tableView+viewForHeaderInSection:(NSInteger)section并返回一个自定义的UIView，其中包含一个按钮(通常与标题视图本身的大小相同)。通过将UIView子类化并将其用于header视图(如本例所示)，您可以轻松地存储其他数据，如区段编号。|style|CODE|1162786|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.apple.com/library/ios/#samplecode/TableViewUpdates/Introduction/Intro.html^0|14|Y|0|0|A|2G|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Some sample code for animating an expand/collapse action using a table view section header is provided by Apple here: <a href="http://developer.apple.com/library/ios/#samplecode/TableViewUpdates/Introduction/Intro.html">Table View Animations and Gestures</a>

The key to this approach is to implement <code>- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section</code> and return a custom UIView which includes a button (typically the same size as the header view itself). By subclassing UIView and using that for the header view (as this sample does), you can easily store additional data such as the section number.

blocks|key|1378040|text|这是我发现的创建可扩展表视图单元格的最佳方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1378041|.h文件|1378042|++NSMutableIndexSet+*expandedSections;|code-block|syntax|javascript|1378043|.m文件|1378044|if+(!expandedSections)
++++{
++++++++expandedSections+=+[[NSMutableIndexSet+alloc]+init];
++++}
+++UITableView+*masterTable+=+[[UITableView+alloc]+initWithFrame:CGRectMake(0,100,1024,648)+style:UITableViewStyleGrouped];
++++masterTable.delegate+=+self;
++++masterTable.dataSource+=+self;
++++[self.view+addSubview:masterTable];|1378045|表视图委托方法|1378046|-+(BOOL)tableView:(UITableView+*)tableView+canCollapseSection:(NSInteger)section
{
++++//+if+(section>0)+return+YES;

++++return+YES;
}

-+(NSInteger)numberOfSectionsInTableView:(UITableView+*)tableView
{
++++//+Return+the+number+of+sections.
++++return+4;
}

-+(NSInteger)tableView:(UITableView+*)tableView+numberOfRowsInSection:(NSInteger)section
{
++++if+([self+tableView:tableView+canCollapseSection:section])
++++{
++++++++if+([expandedSections+containsIndex:section])
++++++++{
++++++++++++return+5;+//+return+rows+when+expanded
++++++++}

++++++++return+1;+//+only+top+row+showing
++++}

++++//+Return+the+number+of+rows+in+the+section.
++++return+1;
}

-+(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]+;
++++}

++++//+Configure+the+cell...

++++if+([self+tableView:tableView+canCollapseSection:indexPath.section])
++++{
++++++++if+(!indexPath.row)
++++++++{
++++++++++++//+first+row
++++++++++++cell.textLabel.text+=+@"Expandable";+//+only+top+row+showing

++++++++++++if+([expandedSections+containsIndex:indexPath.section])
++++++++++++{

++++++++++++++++UIImageView+*imView+=+[[UIImageView+alloc]+initWithImage:[UIImage+imageNamed:@"UITableContract"]];
++++++++++++++++cell.accessoryView+=+imView;
++++++++++++}
++++++++++++else
++++++++++++{

++++++++++++++++UIImageView+*imView+=+[[UIImageView+alloc]+initWithImage:[UIImage+imageNamed:@"UITableExpand"]];
++++++++++++++++cell.accessoryView+=+imView;
++++++++++++}
++++++++}
++++++++else
++++++++{
++++++++++++//+all+other+rows
++++++++++++if+(indexPath.section+==+0)+{
++++++++++++++++cell.textLabel.text+=+@"section+one";
++++++++++++}else+if+(indexPath.section+==+1)+{
++++++++++++++++cell.textLabel.text+=+@"section+2";
++++++++++++}else+if+(indexPath.section+==+2)+{
++++++++++++++++cell.textLabel.text+=+@"3";
++++++++++++}else+{
++++++++++++++++cell.textLabel.text+=+@"some+other+sections";
++++++++++++}

++++++++++++cell.accessoryView+=+nil;
++++++++++++cell.accessoryType+=+UITableViewCellAccessoryDisclosureIndicator;
++++++++}
++++}
++++else
++++{
++++++++cell.accessoryView+=+nil;
++++++++cell.textLabel.text+=+@"Normal+Cell";

++++}

++++return+cell;
}
-+(void)tableView:(UITableView+*)tableView+didSelectRowAtIndexPath:(NSIndexPath+*)indexPath
{
++++if+([self+tableView:tableView+canCollapseSection:indexPath.section])
++++{
++++++++if+(!indexPath.row)
++++++++{
++++++++++++//+only+first+row+toggles+exapand/collapse
++++++++++++[tableView+deselectRowAtIndexPath:indexPath+animated:YES];

++++++++++++NSInteger+section+=+indexPath.section;
++++++++++++BOOL+currentlyExpanded+=+[expandedSections+containsIndex:section];
++++++++++++NSInteger+rows;


++++++++++++NSMutableArray+*tmpArray+=+[NSMutableArray+array];

++++++++++++if+(currentlyExpanded)
++++++++++++{
++++++++++++++++rows+=+[self+tableView:tableView+numberOfRowsInSection:section];
++++++++++++++++[expandedSections+removeIndex:section];

++++++++++++}
++++++++++++else
++++++++++++{
++++++++++++++++[expandedSections+addIndex:section];
++++++++++++++++rows+=+[self+tableView:tableView+numberOfRowsInSection:section];
++++++++++++}


++++++++++++for+(int+i=1;+i<rows;+i%2B%2B)
++++++++++++{
++++++++++++++++NSIndexPath+*tmpIndexPath+=+[NSIndexPath+indexPathForRow:i+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++inSection:section];
++++++++++++++++[tmpArray+addObject:tmpIndexPath];
++++++++++++}

++++++++++++UITableViewCell+*cell+=+[tableView+cellForRowAtIndexPath:indexPath];

++++++++++++if+(currentlyExpanded)
++++++++++++{
++++++++++++++++[tableView+deleteRowsAtIndexPaths:tmpArray+
+++++++++++++++++++++++++++++++++withRowAnimation:UITableViewRowAnimationTop];

++++++++++++++++UIImageView+*imView+=+[[UIImageView+alloc]+initWithImage:[UIImage+imageNamed:@"UITableExpand"]];
++++++++++++++++cell.accessoryView+=+imView;
++++++++++++}
++++++++++++else
++++++++++++{
++++++++++++++++[tableView+insertRowsAtIndexPaths:tmpArray+
+++++++++++++++++++++++++++++++++withRowAnimation:UITableViewRowAnimationTop];

++++++++++++++++UIImageView+*imView+=+[[UIImageView+alloc]+initWithImage:[UIImage+imageNamed:@"UITableContract"]];
++++++++++++++++cell.accessoryView+=+imView;
++++++++++++}
++++++++}
++++}

++++NSLog(@"section+:%25d,row:%25d",indexPath.section,indexPath.row);

}|1378047|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

This is the best way i found to create expandable table view cells

.h file

<pre><code> NSMutableIndexSet *expandedSections;
</code></pre>

.m file

<pre><code>if (!expandedSections)
 {
 expandedSections = [[NSMutableIndexSet alloc] init];
 }
 UITableView *masterTable = [[UITableView alloc] initWithFrame:CGRectMake(0,100,1024,648) style:UITableViewStyleGrouped];
 masterTable.delegate = self;
 masterTable.dataSource = self;
 [self.view addSubview:masterTable];
</code></pre>

Table view delegate methods

<pre><code>- (BOOL)tableView:(UITableView *)tableView canCollapseSection:(NSInteger)section
{
 // if (section&gt;0) return YES;

 return YES;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
 // Return the number of sections.
 return 4;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
 if ([self tableView:tableView canCollapseSection:section])
 {
 if ([expandedSections containsIndex:section])
 {
 return 5; // return rows when expanded
 }

 return 1; // only top row showing
 }

 // Return the number of rows in the section.
 return 1;
}

- (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] ;
 }

 // Configure the cell...

 if ([self tableView:tableView canCollapseSection:indexPath.section])
 {
 if (!indexPath.row)
 {
 // first row
 cell.textLabel.text = @"Expandable"; // only top row showing

 if ([expandedSections containsIndex:indexPath.section])
 {

 UIImageView *imView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"UITableContract"]];
 cell.accessoryView = imView;
 }
 else
 {

 UIImageView *imView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"UITableExpand"]];
 cell.accessoryView = imView;
 }
 }
 else
 {
 // all other rows
 if (indexPath.section == 0) {
 cell.textLabel.text = @"section one";
 }else if (indexPath.section == 1) {
 cell.textLabel.text = @"section 2";
 }else if (indexPath.section == 2) {
 cell.textLabel.text = @"3";
 }else {
 cell.textLabel.text = @"some other sections";
 }

 cell.accessoryView = nil;
 cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
 }
 }
 else
 {
 cell.accessoryView = nil;
 cell.textLabel.text = @"Normal Cell";

 }

 return cell;
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
 if ([self tableView:tableView canCollapseSection:indexPath.section])
 {
 if (!indexPath.row)
 {
 // only first row toggles exapand/collapse
 [tableView deselectRowAtIndexPath:indexPath animated:YES];

 NSInteger section = indexPath.section;
 BOOL currentlyExpanded = [expandedSections containsIndex:section];
 NSInteger rows;


 NSMutableArray *tmpArray = [NSMutableArray array];

 if (currentlyExpanded)
 {
 rows = [self tableView:tableView numberOfRowsInSection:section];
 [expandedSections removeIndex:section];

 }
 else
 {
 [expandedSections addIndex:section];
 rows = [self tableView:tableView numberOfRowsInSection:section];
 }


 for (int i=1; i&lt;rows; i++)
 {
 NSIndexPath *tmpIndexPath = [NSIndexPath indexPathForRow:i 
 inSection:section];
 [tmpArray addObject:tmpIndexPath];
 }

 UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];

 if (currentlyExpanded)
 {
 [tableView deleteRowsAtIndexPaths:tmpArray 
 withRowAnimation:UITableViewRowAnimationTop];

 UIImageView *imView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"UITableExpand"]];
 cell.accessoryView = imView;
 }
 else
 {
 [tableView insertRowsAtIndexPaths:tmpArray 
 withRowAnimation:UITableViewRowAnimationTop];

 UIImageView *imView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"UITableContract"]];
 cell.accessoryView = imView;
 }
 }
 }

 NSLog(@"section :%d,row:%d",indexPath.section,indexPath.row);

}
</code></pre>

blocks|key|1162865|text|我最终创建了一个包含按钮的headerView+(事后我在上面看到了Son+Nguyen's+solution，但这是我的代码。它看起来很多，但很简单)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1162866|为您的部分声明几个bools|1162867|bool+customerIsCollapsed+=+NO;
bool+siteIsCollapsed+=+NO;|code-block|syntax|javascript|1162868|...code|1162869|现在，在您的表视图委托方法中...|1162870|-+(UIView+*)tableView:(UITableView+*)tableView+viewForHeaderInSection:(NSInteger)section
{
++++UIView+*headerView+=+[[UIView+alloc]+initWithFrame:CGRectMake(0,+0,+_tblSearchResults.frame.size.width,+35)];

++++UILabel+*lblSection+=+[UILabel+new];
++++[lblSection+setFrame:CGRectMake(0,+0,+300,+30)];
++++[lblSection+setFont:[UIFont+fontWithName:@"Helvetica-Bold"+size:17]];
++++[lblSection+setBackgroundColor:[UIColor+clearColor]];
++++lblSection.alpha+=+0.5;
++++if(section+==+0)
++++{
++++++++if(!customerIsCollapsed)
++++++++++++[lblSection+setText:@"Customers++++--touch+to+show--"];
++++++++else
++++++++++++[lblSection+setText:@"Customers++++--touch+to+hide--"];
++++}
++++else
++++{
++++++++if(!siteIsCollapsed)
++++++++++++[lblSection+setText:@"Sites++++--touch+to+show--"];
++++++++else
++++++++++++[lblSection+setText:@"Sites++++--touch+to+hide--"];++++}

++++UIButton+*btnCollapse+=+[UIButton+buttonWithType:UIButtonTypeCustom];
++++[btnCollapse+setFrame:CGRectMake(0,+0,+_tblSearchResults.frame.size.width,+35)];
++++[btnCollapse+setBackgroundColor:[UIColor+clearColor]];
++++[btnCollapse+addTarget:self+action:@selector(touchedSection:)+forControlEvents:UIControlEventTouchUpInside];
++++btnCollapse.tag+=+section;


++++[headerView+addSubview:lblSection];
++++[headerView+addSubview:btnCollapse];

++++return+headerView;
}

-+(NSInteger)tableView:(UITableView+*)tableView+numberOfRowsInSection:(NSInteger)section
{
++++//+Return+the+number+of+rows+in+the+section.
++++if(section+==+0)
++++{
++++++++if(customerIsCollapsed)
++++++++++++return+0;
++++++++else
++++++++++++return+_customerArray.count;
++++}
++++else+if+(section+==+1)
++++{
++++++++if(siteIsCollapsed)
++++++++++++return+0;
++++++++else
++++++++return+_siteArray.count;

++++}
++++return+0;
}|1162871|最后是当您触摸其中一个节标题按钮时调用的函数：|1162872|-+(IBAction)touchedSection:(id)sender
{
++++UIButton+*btnSection+=+(UIButton+*)sender;

++++if(btnSection.tag+==+0)
++++{
++++++++NSLog(@"Touched+Customers+header");
++++++++if(!customerIsCollapsed)
++++++++++++customerIsCollapsed+=+YES;
++++++++else
++++++++++++customerIsCollapsed+=+NO;

++++}
++++else+if(btnSection.tag+==+1)
++++{
++++++++NSLog(@"Touched+Site+header");
++++++++if(!siteIsCollapsed)
++++++++++++siteIsCollapsed+=+YES;
++++++++else
++++++++++++siteIsCollapsed+=+NO;

++++}
++++[_tblSearchResults+reloadData];
}|1162873|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/3234877/480415^0|Y|L|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|C|$]]|$1|O|3|P|5|H|7|1A|8|@]|9|@]|C|$I|J]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|C|$]]|$1|S|3|T|5|H|7|1C|8|@]|9|@]|C|$I|J]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

I ended up just creating a headerView that contained a button ( i saw <a href="https://stackoverflow.com/a/3234877/480415">Son Nguyen's solution</a> above after the fact, but heres my code.. it looks like a lot but it's pretty simple):

declare a couple bools for you sections

<pre><code>bool customerIsCollapsed = NO;
bool siteIsCollapsed = NO;
</code></pre>

...code

now in your tableview delegate methods...

<pre><code>- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
 UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, _tblSearchResults.frame.size.width, 35)];

 UILabel *lblSection = [UILabel new];
 [lblSection setFrame:CGRectMake(0, 0, 300, 30)];
 [lblSection setFont:[UIFont fontWithName:@"Helvetica-Bold" size:17]];
 [lblSection setBackgroundColor:[UIColor clearColor]];
 lblSection.alpha = 0.5;
 if(section == 0)
 {
 if(!customerIsCollapsed)
 [lblSection setText:@"Customers --touch to show--"];
 else
 [lblSection setText:@"Customers --touch to hide--"];
 }
 else
 {
 if(!siteIsCollapsed)
 [lblSection setText:@"Sites --touch to show--"];
 else
 [lblSection setText:@"Sites --touch to hide--"]; }

 UIButton *btnCollapse = [UIButton buttonWithType:UIButtonTypeCustom];
 [btnCollapse setFrame:CGRectMake(0, 0, _tblSearchResults.frame.size.width, 35)];
 [btnCollapse setBackgroundColor:[UIColor clearColor]];
 [btnCollapse addTarget:self action:@selector(touchedSection:) forControlEvents:UIControlEventTouchUpInside];
 btnCollapse.tag = section;


 [headerView addSubview:lblSection];
 [headerView addSubview:btnCollapse];

 return headerView;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
 // Return the number of rows in the section.
 if(section == 0)
 {
 if(customerIsCollapsed)
 return 0;
 else
 return _customerArray.count;
 }
 else if (section == 1)
 {
 if(siteIsCollapsed)
 return 0;
 else
 return _siteArray.count;

 }
 return 0;
}
</code></pre>

and finally the function that gets called when you touch one of the section header buttons:

<pre><code>- (IBAction)touchedSection:(id)sender
{
 UIButton *btnSection = (UIButton *)sender;

 if(btnSection.tag == 0)
 {
 NSLog(@"Touched Customers header");
 if(!customerIsCollapsed)
 customerIsCollapsed = YES;
 else
 customerIsCollapsed = NO;

 }
 else if(btnSection.tag == 1)
 {
 NSLog(@"Touched Site header");
 if(!siteIsCollapsed)
 siteIsCollapsed = YES;
 else
 siteIsCollapsed = NO;

 }
 [_tblSearchResults reloadData];
}
</code></pre>

blocks|key|1162878|text|//+-------------------------------------------------------------------------------
//++tableView:viewForHeaderInSection:
//+-------------------------------------------------------------------------------
-+(UIView+*)tableView:(UITableView+*)tableView+viewForHeaderInSection:(NSInteger)section+{

++++UIView+*mView+=+[[UIView+alloc]initWithFrame:CGRectMake(0,+0,+20,+20)];
++++[mView+setBackgroundColor:[UIColor+greenColor]];

++++UIImageView+*logoView+=+[[UIImageView+alloc]initWithFrame:CGRectMake(0,+5,+20,+20)];
++++[logoView+setImage:[UIImage+imageNamed:@"carat.png"]];
++++[mView+addSubview:logoView];

++++UIButton+*bt+=+[UIButton+buttonWithType:UIButtonTypeCustom];
++++[bt+setFrame:CGRectMake(0,+0,+150,+30)];
++++[bt+setTitleColor:[UIColor+blueColor]+forState:UIControlStateNormal];
++++[bt+setTag:section];
++++[bt.titleLabel+setFont:[UIFont+systemFontOfSize:20]];
++++[bt.titleLabel+setTextAlignment:NSTextAlignmentCenter];
++++[bt.titleLabel+setTextColor:[UIColor+blackColor]];
++++[bt+setTitle:+@"More+Info"+forState:+UIControlStateNormal];
++++[bt+addTarget:self+action:@selector(addCell:)+forControlEvents:UIControlEventTouchUpInside];
++++[mView+addSubview:bt];
++++return+mView;

}

#pragma+mark+-+Suppose+you+want+to+hide/show+section+2...+then
#pragma+mark++add+or+remove+the+section+on+toggle+the+section+header+for+more+info

-+(void)addCell:(UIButton+*)bt{

++++//+If+section+of+more+information
++++if(bt.tag+==+2)+{

++++++++//+Initially+more+info+is+close,+if+more+info+is+open
++++++++if(ifOpen)+{
++++++++++++DLog(@"close+More+info");

++++++++++++//+Set+height+of+section
++++++++++++heightOfSection+=+0.0f;

++++++++++++//+Reset+the+parameter+that+more+info+is+closed+now
++++++++++++ifOpen+=+NO;
++++++++}else+{
++++++++++++//+Set+height+of+section
++++++++++++heightOfSection+=+45.0f;
++++++++++++//+Reset+the+parameter+that+more+info+is+closed+now
++++++++++++DLog(@"open+more+info+again");
++++++++++++ifOpen+=+YES;
++++++++}
++++++++//[self.tableView+reloadData];
++++++++[self.tableView+reloadSections:[NSIndexSet+indexSetWithIndex:2]+withRowAnimation:UITableViewRowAnimationFade];
++++}

}//+end+addCell
#pragma+mark+-
#pragma+mark++What+will+be+the+height+of+the+section,+Make+it+dynamic

-+(CGFloat)tableView:(UITableView+*)tableView+heightForRowAtIndexPath:(NSIndexPath+*)indexPath{

++++if+(indexPath.section+==+2)+{
++++++++return+heightOfSection;
++++}else+{
++++++++return+45.0f;
++++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1162879|//+vKj|unstyled|1162880|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>// -------------------------------------------------------------------------------
// tableView:viewForHeaderInSection:
// -------------------------------------------------------------------------------
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

 UIView *mView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 20, 20)];
 [mView setBackgroundColor:[UIColor greenColor]];

 UIImageView *logoView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 5, 20, 20)];
 [logoView setImage:[UIImage imageNamed:@"carat.png"]];
 [mView addSubview:logoView];

 UIButton *bt = [UIButton buttonWithType:UIButtonTypeCustom];
 [bt setFrame:CGRectMake(0, 0, 150, 30)];
 [bt setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
 [bt setTag:section];
 [bt.titleLabel setFont:[UIFont systemFontOfSize:20]];
 [bt.titleLabel setTextAlignment:NSTextAlignmentCenter];
 [bt.titleLabel setTextColor:[UIColor blackColor]];
 [bt setTitle: @"More Info" forState: UIControlStateNormal];
 [bt addTarget:self action:@selector(addCell:) forControlEvents:UIControlEventTouchUpInside];
 [mView addSubview:bt];
 return mView;

}

#pragma mark - Suppose you want to hide/show section 2... then
#pragma mark add or remove the section on toggle the section header for more info

- (void)addCell:(UIButton *)bt{

 // If section of more information
 if(bt.tag == 2) {

 // Initially more info is close, if more info is open
 if(ifOpen) {
 DLog(@"close More info");

 // Set height of section
 heightOfSection = 0.0f;

 // Reset the parameter that more info is closed now
 ifOpen = NO;
 }else {
 // Set height of section
 heightOfSection = 45.0f;
 // Reset the parameter that more info is closed now
 DLog(@"open more info again");
 ifOpen = YES;
 }
 //[self.tableView reloadData];
 [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:2] withRowAnimation:UITableViewRowAnimationFade];
 }

}// end addCell
#pragma mark -
#pragma mark What will be the height of the section, Make it dynamic

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

 if (indexPath.section == 2) {
 return heightOfSection;
 }else {
 return 45.0f;
 }
</code></pre>

// vKj

blocks|key|1378148|text|This+action+will+happen+in+your+didSelectRowAtIndexPath,+when+you+will+try+to+hide+or+show+number+of+cell+in+a++section

first+of+all+declare+a+global+variable+numberOfSectionInMoreInfo+in+.h+file+and+in+your+viewDidLoad+set+suppose+to+numberOfSectionInMoreInfo+=+4.

Now+use+following+logic:+


+//+More+info+link
++++++++if(row+==+3)+{

++++++++++++/*Logic:+We+are+trying+to+hide/show+the+number+of+row+into+more+information+section+*/

++++++++++++NSString+*log=+[NSString+stringWithFormat:@"Number+of+section+in+more+%25i",numberOfSectionInMoreInfo];

++++++++++++[objSpineCustomProtocol+showAlertMessage:log];

++++++++++++//+Check+if+the+number+of+rows+are+open+or+close+in+view
++++++++++++if(numberOfSectionInMoreInfo+>+4)+{

++++++++++++++++//+close+the+more+info+toggle
++++++++++++++++numberOfSectionInMoreInfo+=+4;

++++++++++++}else+{

++++++++++++++++//+Open+more+info+toggle
++++++++++++++++numberOfSectionInMoreInfo+=+9;

++++++++++++}

++++++++++++//reload+this+section
++++++++++++[self.tableView+reloadSections:[NSIndexSet+indexSetWithIndex:1]+withRowAnimation:UITableViewRowAnimationFade];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1378149|//vKj|unstyled|1378150|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>This action will happen in your didSelectRowAtIndexPath, when you will try to hide or show number of cell in a section

first of all declare a global variable numberOfSectionInMoreInfo in .h file and in your viewDidLoad set suppose to numberOfSectionInMoreInfo = 4.

Now use following logic: 


 // More info link
 if(row == 3) {

 /*Logic: We are trying to hide/show the number of row into more information section */

 NSString *log= [NSString stringWithFormat:@"Number of section in more %i",numberOfSectionInMoreInfo];

 [objSpineCustomProtocol showAlertMessage:log];

 // Check if the number of rows are open or close in view
 if(numberOfSectionInMoreInfo &gt; 4) {

 // close the more info toggle
 numberOfSectionInMoreInfo = 4;

 }else {

 // Open more info toggle
 numberOfSectionInMoreInfo = 9;

 }

 //reload this section
 [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:1] withRowAnimation:UITableViewRowAnimationFade];
</code></pre>

//vKj

blocks|key|1163014|text|我找到了另一种相对简单的方法来解决这个问题。通过使用这种方法，我们将不需要更改几乎总是与数据数组索引相关的单元格，这可能会在我们的视图控制器中造成混乱。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1163015|首先，我们将以下属性添加到控制器类中：|1163016|@property+(strong,+nonatomic)+NSMutableArray*+collapsedSections;
@property+(strong,+nonatomic)+NSMutableArray*+sectionViews;|code-block|syntax|javascript|1163017|collapsedSections将保存折叠的节编号。sectionViews将存储我们的自定义剖视图。|offset|length|style|CODE|1163018|合成它：|1163019|@synthesize+collapsedSections;
@synthesize+sectionViews;|1163020|初始化它：|1163021|-+(void)+viewDidLoad
{
++++[super+viewDidLoad];

++++self.collapsedSections+=+[NSMutableArray+array];
++++self.sectionViews++++++=+[NSMutableArray+array];
}|1163022|之后，我们必须连接我们的UITableView，以便可以从我们的视图控制器类中访问它：|1163023|@property+(strong,+nonatomic)+IBOutlet+UITableView+*tblMain;|1163024|像往常一样使用ctrl+%2B+drag将它从XIB连接到视图控制器。|1163025|然后，我们通过实现这个UITableView委托将视图创建为我们的表视图的自定义部分标题：|1163026|-+(UIView*)+tableView:(UITableView+*)tableView+viewForHeaderInSection:(NSInteger)section
{
++++//+Create+View
++++CGRect+frame+=+CGRectZero;

++++frame.origin+=+CGPointZero;

++++frame.size.height+=+30.f;
++++frame.size.width++=+tableView.bounds.size.width;

++++UIView*+view+=+[[UIView+alloc]+initWithFrame:frame];

++++[view+setBackgroundColor:[UIColor+blueColor]];

++++//+Add+label+for+title
++++NSArray*+titles+=+@[@"Title+1",+@"Title+2",+@"Title+3"];

++++NSString*+selectedTitle+=+[titles+objectAtIndex:section];

++++CGRect+labelFrame+=+frame;

++++labelFrame.size.height+=+30.f;
++++labelFrame.size.width+-=+20.f;
++++labelFrame.origin.x+%2B=+10.f;

++++UILabel*+titleLabel+=+[[UILabel+alloc]+initWithFrame:labelFrame];

++++[titleLabel+setText:selectedTitle];
++++[titleLabel+setTextColor:[UIColor+whiteColor]];

++++[view+addSubview:titleLabel];

++++//+Add+touch+gesture
++++[self+attachTapGestureToView:view];

++++//+Save+created+view+to+our+class+property+array
++++[self+saveSectionView:view+inSection:section];

++++return+view;
}|1163027|接下来，我们实现一个方法，将之前创建的自定义节头保存在class属性中：|1163028|-+(void)+saveSectionView:(UIView*)+view+inSection:(NSInteger)+section
{
++++NSInteger+sectionCount+=+[self+numberOfSectionsInTableView:[self+tblMain]];

++++if(section+<+sectionCount)
++++{
++++++++if([[self+sectionViews]+indexOfObject:view]+==+NSNotFound)
++++++++{
++++++++++++[[self+sectionViews]+addObject:view];
++++++++}
++++}
}|1163029|在我们的视图控制器.h文件中添加UIGestureRecognizerDelegate：|1163030|@interface+MyViewController+:+UIViewController<UITableViewDelegate,+UITableViewDataSource,+UIGestureRecognizerDelegate>|1163031|然后我们创建方法attachTapGestureToView:|1163032|-+(void)+attachTapGestureToView:(UIView*)+view
{
++++UITapGestureRecognizer*+tapAction+=+[[UITapGestureRecognizer+alloc]+initWithTarget:self+action:@selector(onTap:)];

++++[tapAction+setDelegate:self];

++++[view+addGestureRecognizer:tapAction];
}|1163033|上面的方法将添加轻击手势识别器到我们之前创建的所有剖视图。接下来，我们应该实现onTap:选择器|1163034|-+(void)+onTap:(UITapGestureRecognizer*)+gestureRecognizer
{
++++//+Take+view+who+attach+current+recognizer
++++UIView*+sectionView+=+[gestureRecognizer+view];+

++++//+[self+sectionViews]+is+Array+containing+our+custom+section+views
++++NSInteger+section+=+[self+sectionNumberOfView:sectionView];

++++//+[self+tblMain]+is+our+connected+IBOutlet+table+view
++++NSInteger+sectionCount+=+[self+numberOfSectionsInTableView:[self+tblMain]];

++++//+If+section+more+than+section+count+minus+one+set+at+last
++++section+=+section+>+(sectionCount+-+1)+?+2+:+section;

++++[self+toggleCollapseSection:section];
}|1163035|当用户点击我们的任何表视图区时，上述方法将被调用。这个方法根据我们之前创建的sectionViews数组搜索正确的节号。|1163036|此外，我们还实现了获取头部视图所属部分的方法。|1163037|-+(NSInteger)+sectionNumberOfView:(UIView*)+view
{
++++UILabel*+label+=+[[view+subviews]+objectAtIndex:0];

++++NSInteger+sectionNum+=+0;

++++for(UIView*+sectionView+in+[self+sectionViews])
++++{
++++++++UILabel*+sectionLabel+=+[[sectionView+subviews]+objectAtIndex:0];

++++++++//NSLog(@"Section:+%25d+->+%25@+vs+%25@",+sectionNum,+[label+text],+[sectionLabel+text]);

++++++++if([[label+text]+isEqualToString:[sectionLabel+text]])
++++++++{
++++++++++++return+sectionNum;
++++++++}

++++++++sectionNum%2B%2B;
++++}

++++return+NSNotFound;
}|1163038|接下来，我们必须实现方法toggleCollapseSection:|1163039|-+(void)+toggleCollapseSection:(NSInteger)+section
{
++++if([self+isCollapsedSection:section])
++++{
++++++++[self+removeCollapsedSection:section];
++++}
++++else
++++{
++++++++[self+addCollapsedSection:section];
++++}

++++[[self+tblMain]+reloadSections:[NSIndexSet+indexSetWithIndex:section]+withRowAnimation:UITableViewRowAnimationFade];
}|1163040|此方法将在我们之前创建的collapsedSections数组中插入/删除节号。当一个区段编号插入到该数组中时，这意味着如果不是这样，该区段应该被折叠和展开。|1163041|接下来，我们实现removeCollapsedSection:、addCollapsedSection:section和isCollapsedSection:section|1163042|-+(BOOL)isCollapsedSection:(NSInteger)+section
{
++++for(NSNumber*+existing+in+[self+collapsedSections])
++++{
++++++++NSInteger+current+=+[existing+integerValue];

++++++++if(current+==+section)
++++++++{
++++++++++++return+YES;
++++++++}
++++}

++++return+NO;
}

-+(void)removeCollapsedSection:(NSInteger)+section
{
++++[[self+collapsedSections]+removeObjectIdenticalTo:[NSNumber+numberWithInteger:section]];
}

-+(void)addCollapsedSection:(NSInteger)+section
{
++++[[self+collapsedSections]+addObject:[NSNumber+numberWithInteger:section]];
}|1163043|这三个方法只是帮助我们更容易地访问collapsedSections数组。|1163044|最后，实现这个表视图委托，这样我们的自定义剖视图看起来就更漂亮了。|1163045|-+(CGFloat)+tableView:(UITableView+*)tableView+heightForHeaderInSection:(NSInteger)section
{
++++return+30.f;+//+Same+as+each+custom+section+view+height
}|1163046|希望能有所帮助。|1163047|entityMap^0|0|0|0|0|H|R|C|0|0|0|0|0|0|0|7|B|0|0|0|0|0|G|R|0|0|8|N|0|0|13|6|0|0|12|C|0|0|0|C|M|0|0|C|H|0|8|N|W|R|1O|Q|0|0|H|H|0|0|0|0^^$0|@$1|2|3|4|5|6|7|2C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|2D|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|2E|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|2F|8|@$K|2G|L|2H|M|N]|$K|2I|L|2J|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|2K|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|2L|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|2M|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|2N|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|2O|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|2P|8|@]|9|@]|A|$G|H]]|$1|10|3|11|5|6|7|2Q|8|@$K|2R|L|2S|M|N]]|9|@]|A|$]]|$1|12|3|13|5|6|7|2T|8|@]|9|@]|A|$]]|$1|14|3|15|5|F|7|2U|8|@]|9|@]|A|$G|H]]|$1|16|3|17|5|6|7|2V|8|@]|9|@]|A|$]]|$1|18|3|19|5|F|7|2W|8|@]|9|@]|A|$G|H]]|$1|1A|3|1B|5|6|7|2X|8|@$K|2Y|L|2Z|M|N]]|9|@]|A|$]]|$1|1C|3|1D|5|F|7|30|8|@]|9|@]|A|$G|H]]|$1|1E|3|1F|5|6|7|31|8|@$K|32|L|33|M|N]]|9|@]|A|$]]|$1|1G|3|1H|5|F|7|34|8|@]|9|@]|A|$G|H]]|$1|1I|3|1J|5|6|7|35|8|@$K|36|L|37|M|N]]|9|@]|A|$]]|$1|1K|3|1L|5|F|7|38|8|@]|9|@]|A|$G|H]]|$1|1M|3|1N|5|6|7|39|8|@$K|3A|L|3B|M|N]]|9|@]|A|$]]|$1|1O|3|1P|5|6|7|3C|8|@]|9|@]|A|$]]|$1|1Q|3|1R|5|F|7|3D|8|@]|9|@]|A|$G|H]]|$1|1S|3|1T|5|6|7|3E|8|@$K|3F|L|3G|M|N]]|9|@]|A|$]]|$1|1U|3|1V|5|F|7|3H|8|@]|9|@]|A|$G|H]]|$1|1W|3|1X|5|6|7|3I|8|@$K|3J|L|3K|M|N]]|9|@]|A|$]]|$1|1Y|3|1Z|5|6|7|3L|8|@$K|3M|L|3N|M|N]|$K|3O|L|3P|M|N]|$K|3Q|L|3R|M|N]]|9|@]|A|$]]|$1|20|3|21|5|F|7|3S|8|@]|9|@]|A|$G|H]]|$1|22|3|23|5|6|7|3T|8|@$K|3U|L|3V|M|N]]|9|@]|A|$]]|$1|24|3|25|5|6|7|3W|8|@]|9|@]|A|$]]|$1|26|3|27|5|F|7|3X|8|@]|9|@]|A|$G|H]]|$1|28|3|29|5|6|7|3Y|8|@]|9|@]|A|$]]|$1|2A|3|-4|5|6|7|3Z|8|@]|9|@]|A|$]]]|2B|$]]

I found another relatively simple way to solve that problem. By using this method we will not required to alter our cell which is almost always related to data array index, potentially causing mess in our view controller.

First, we add this following properties to our controller class:

<pre><code>@property (strong, nonatomic) NSMutableArray* collapsedSections;
@property (strong, nonatomic) NSMutableArray* sectionViews;
</code></pre>

<code>collapsedSections</code> will save collapsed section numbers.
<code>sectionViews</code> will store our custom section view.

Synthesize it:

<pre><code>@synthesize collapsedSections;
@synthesize sectionViews;
</code></pre>

Initialize it:

<pre><code>- (void) viewDidLoad
{
 [super viewDidLoad];

 self.collapsedSections = [NSMutableArray array];
 self.sectionViews = [NSMutableArray array];
}
</code></pre>

After that, we must connect our UITableView so it can be accessed from within our view controller class:

<pre><code>@property (strong, nonatomic) IBOutlet UITableView *tblMain;
</code></pre>

Connect it from XIB to view controller using <code>ctrl + drag</code> like usually.

Then we create view as custom section header for our table view by implementing this UITableView delegate:

<pre><code>- (UIView*) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
 // Create View
 CGRect frame = CGRectZero;

 frame.origin = CGPointZero;

 frame.size.height = 30.f;
 frame.size.width = tableView.bounds.size.width;

 UIView* view = [[UIView alloc] initWithFrame:frame];

 [view setBackgroundColor:[UIColor blueColor]];

 // Add label for title
 NSArray* titles = @[@"Title 1", @"Title 2", @"Title 3"];

 NSString* selectedTitle = [titles objectAtIndex:section];

 CGRect labelFrame = frame;

 labelFrame.size.height = 30.f;
 labelFrame.size.width -= 20.f;
 labelFrame.origin.x += 10.f;

 UILabel* titleLabel = [[UILabel alloc] initWithFrame:labelFrame];

 [titleLabel setText:selectedTitle];
 [titleLabel setTextColor:[UIColor whiteColor]];

 [view addSubview:titleLabel];

 // Add touch gesture
 [self attachTapGestureToView:view];

 // Save created view to our class property array
 [self saveSectionView:view inSection:section];

 return view;
}
</code></pre>

Next, we implement method to save our previously created custom section header in class property:

<pre><code>- (void) saveSectionView:(UIView*) view inSection:(NSInteger) section
{
 NSInteger sectionCount = [self numberOfSectionsInTableView:[self tblMain]];

 if(section &lt; sectionCount)
 {
 if([[self sectionViews] indexOfObject:view] == NSNotFound)
 {
 [[self sectionViews] addObject:view];
 }
 }
}
</code></pre>

Add <code>UIGestureRecognizerDelegate</code> to our view controller .h file:

<pre><code>@interface MyViewController : UIViewController&lt;UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate&gt;
</code></pre>

Then we create method <code>attachTapGestureToView:</code>

<pre><code>- (void) attachTapGestureToView:(UIView*) view
{
 UITapGestureRecognizer* tapAction = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onTap:)];

 [tapAction setDelegate:self];

 [view addGestureRecognizer:tapAction];
}
</code></pre>

Above method will add tap gesture recognizer to all of section view we created before. Next we should implement <code>onTap:</code> selector

<pre><code>- (void) onTap:(UITapGestureRecognizer*) gestureRecognizer
{
 // Take view who attach current recognizer
 UIView* sectionView = [gestureRecognizer view]; 

 // [self sectionViews] is Array containing our custom section views
 NSInteger section = [self sectionNumberOfView:sectionView];

 // [self tblMain] is our connected IBOutlet table view
 NSInteger sectionCount = [self numberOfSectionsInTableView:[self tblMain]];

 // If section more than section count minus one set at last
 section = section &gt; (sectionCount - 1) ? 2 : section;

 [self toggleCollapseSection:section];
}
</code></pre>

Above method will invoked when user tap any of our table view section. This method search correct section number based on our <code>sectionViews</code> array we created before.

Also, we implement method to get wihch section of header view belongs to.

<pre><code>- (NSInteger) sectionNumberOfView:(UIView*) view
{
 UILabel* label = [[view subviews] objectAtIndex:0];

 NSInteger sectionNum = 0;

 for(UIView* sectionView in [self sectionViews])
 {
 UILabel* sectionLabel = [[sectionView subviews] objectAtIndex:0];

 //NSLog(@"Section: %d -&gt; %@ vs %@", sectionNum, [label text], [sectionLabel text]);

 if([[label text] isEqualToString:[sectionLabel text]])
 {
 return sectionNum;
 }

 sectionNum++;
 }

 return NSNotFound;
}
</code></pre>

Next, we must implement method <code>toggleCollapseSection:</code>

<pre><code>- (void) toggleCollapseSection:(NSInteger) section
{
 if([self isCollapsedSection:section])
 {
 [self removeCollapsedSection:section];
 }
 else
 {
 [self addCollapsedSection:section];
 }

 [[self tblMain] reloadSections:[NSIndexSet indexSetWithIndex:section] withRowAnimation:UITableViewRowAnimationFade];
}
</code></pre>

This method will insert/remove section number to our <code>collapsedSections</code> array we created before. When a section number inserted to that array, it means that the section should be collapsed and expanded if otherwise.

Next we implement <code>removeCollapsedSection:</code>, <code>addCollapsedSection:section</code> and <code>isCollapsedSection:section</code>

<pre><code>- (BOOL)isCollapsedSection:(NSInteger) section
{
 for(NSNumber* existing in [self collapsedSections])
 {
 NSInteger current = [existing integerValue];

 if(current == section)
 {
 return YES;
 }
 }

 return NO;
}

- (void)removeCollapsedSection:(NSInteger) section
{
 [[self collapsedSections] removeObjectIdenticalTo:[NSNumber numberWithInteger:section]];
}

- (void)addCollapsedSection:(NSInteger) section
{
 [[self collapsedSections] addObject:[NSNumber numberWithInteger:section]];
}
</code></pre>

This three method is just helpers to make us easier in accessing <code>collapsedSections</code> array.

Finally, implement this table view delegate so our custom section views looks nice.

<pre><code>- (CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
 return 30.f; // Same as each custom section view height
}
</code></pre>

Hope it helps.

blocks|key|1163143|text|我从苹果的Table+View+Animations+and+Gestures中得到了一个很好的解决方案。我从苹果的示例中删除了不必要的部分，并将其翻译成了swift。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1163144|我知道答案很长，但所有的代码都是必要的。幸运的是，您只需复制并粘贴大部分代码，只需在步骤1和3中做一点修改|1163145|1.创建SectionHeaderView.swift和SectionHeaderView.xib|style|CODE|1163146|import+UIKit

protocol+SectionHeaderViewDelegate+{
++++func+sectionHeaderView(sectionHeaderView:+SectionHeaderView,+sectionOpened:+Int)
++++func+sectionHeaderView(sectionHeaderView:+SectionHeaderView,+sectionClosed:+Int)
}

class+SectionHeaderView:+UITableViewHeaderFooterView+{
++++
++++var+section:+Int?
++++@IBOutlet+weak+var+titleLabel:+UILabel!
++++@IBOutlet+weak+var+disclosureButton:+UIButton!
++++@IBAction+func+toggleOpen()+{
++++++++self.toggleOpenWithUserAction(true)
++++}
++++var+delegate:+SectionHeaderViewDelegate?
++++
++++func+toggleOpenWithUserAction(userAction:+Bool)+{
++++++++self.disclosureButton.selected+=+!self.disclosureButton.selected
++++++++
++++++++if+userAction+{
++++++++++++if+self.disclosureButton.selected+{
++++++++++++++++self.delegate?.sectionHeaderView(self,+sectionClosed:+self.section!)
++++++++++++}+else+{
++++++++++++++++self.delegate?.sectionHeaderView(self,+sectionOpened:+self.section!)
++++++++++++}
++++++++}
++++}
++++
++++override+func+awakeFromNib()+{
++++++++var+tapGesture:+UITapGestureRecognizer+=+UITapGestureRecognizer(target:+self,+action:+"toggleOpen")
++++++++self.addGestureRecognizer(tapGesture)
++++++++//+change+the+button+image+here,+you+can+also+set+image+via+IB.
++++++++self.disclosureButton.setImage(UIImage(named:+"arrow_up"),+forState:+UIControlState.Selected)
++++++++self.disclosureButton.setImage(UIImage(named:+"arrow_down"),+forState:+UIControlState.Normal)
++++}
++++
}|code-block|syntax|javascript|1163147|SectionHeaderView.xib(灰色背景的视图)在表视图中应该如下所示(当然，您可以根据需要对其进行自定义)：|1163148|📷|atomic|1163149|​|1163150|注意：|1163151|a)应该将toggleOpen操作链接到disclosureButton|1163152|b)不需要disclosureButton和toggleOpen操作。如果你不需要这个按钮，你可以删除这两个东西。|1163153|2.创建SectionInfo.swift|1163154|import+UIKit

class+SectionInfo:+NSObject+{
++++var+open:+Bool+=+true
++++var+itemsInSection:+NSMutableArray+=+[]
++++var+sectionTitle:+String?
++++
++++init(itemsInSection:+NSMutableArray,+sectionTitle:+String)+{
++++++++self.itemsInSection+=+itemsInSection
++++++++self.sectionTitle+=+sectionTitle
++++}
}|1163155|3.在表视图中|1163156|import+UIKit

class+TableViewController:+UITableViewController,+SectionHeaderViewDelegate++{
++++
++++let+SectionHeaderViewIdentifier+=+"SectionHeaderViewIdentifier"
++++
++++var+sectionInfoArray:+NSMutableArray+=+[]
++++
++++override+func+viewDidLoad()+{
++++++++super.viewDidLoad()
++++++++
++++++++let+sectionHeaderNib:+UINib+=+UINib(nibName:+"SectionHeaderView",+bundle:+nil)
++++++++self.tableView.registerNib(sectionHeaderNib,+forHeaderFooterViewReuseIdentifier:+SectionHeaderViewIdentifier)
++++++++
++++++++//+you+can+change+section+height+based+on+your+needs
++++++++self.tableView.sectionHeaderHeight+=+30
++++++++
++++++++//+You+should+set+up+your+SectionInfo+here
++++++++var+firstSection:+SectionInfo+=+SectionInfo(itemsInSection:+["1"],+sectionTitle:+"firstSection")
++++++++var+secondSection:+SectionInfo+=+SectionInfo(itemsInSection:+["2"],+sectionTitle:+"secondSection"))
++++++++sectionInfoArray.addObjectsFromArray([firstSection,+secondSection])
++++}
++++
++++//+MARK:+-+Table+view+data+source
++++
++++override+func+numberOfSectionsInTableView(tableView:+UITableView)+->+Int+{
++++++++return+sectionInfoArray.count
++++}
++++
++++override+func+tableView(tableView:+UITableView,+numberOfRowsInSection+section:+Int)+->+Int+{
++++++++if+self.sectionInfoArray.count+>+0+{
++++++++++++var+sectionInfo:+SectionInfo+=+sectionInfoArray[section]+as!+SectionInfo
++++++++++++if+sectionInfo.open+{
++++++++++++++++return+sectionInfo.open+?+sectionInfo.itemsInSection.count+:+0
++++++++++++}
++++++++}
++++++++return+0
++++}
++++
++++override+func+tableView(tableView:+UITableView,+viewForHeaderInSection+section:+Int)+->+UIView?+{
++++++++let+sectionHeaderView:+SectionHeaderView!+=+self.tableView.dequeueReusableHeaderFooterViewWithIdentifier(SectionHeaderViewIdentifier)+as!+SectionHeaderView
++++++++var+sectionInfo:+SectionInfo+=+sectionInfoArray[section]+as!+SectionInfo
++++++++
++++++++sectionHeaderView.titleLabel.text+=+sectionInfo.sectionTitle
++++++++sectionHeaderView.section+=+section
++++++++sectionHeaderView.delegate+=+self
++++++++let+backGroundView+=+UIView()
++++++++//+you+can+customize+the+background+color+of+the+header+here
++++++++backGroundView.backgroundColor+=+UIColor(red:0.89,+green:0.89,+blue:0.89,+alpha:1)
++++++++sectionHeaderView.backgroundView+=+backGroundView
++++++++return+sectionHeaderView
++++}
++++
++++func+sectionHeaderView(sectionHeaderView:+SectionHeaderView,+sectionOpened:+Int)+{
++++++++var+sectionInfo:+SectionInfo+=+sectionInfoArray[sectionOpened]+as!+SectionInfo
++++++++var+countOfRowsToInsert+=+sectionInfo.itemsInSection.count
++++++++sectionInfo.open+=+true
++++++++
++++++++var+indexPathToInsert:+NSMutableArray+=+NSMutableArray()
++++++++for+i+in+0..<countOfRowsToInsert+{
++++++++++++indexPathToInsert.addObject(NSIndexPath(forRow:+i,+inSection:+sectionOpened))
++++++++}
++++++++self.tableView.insertRowsAtIndexPaths(indexPathToInsert+as+[AnyObject],+withRowAnimation:+.Top)
++++}
++++
++++func+sectionHeaderView(sectionHeaderView:+SectionHeaderView,+sectionClosed:+Int)+{
++++++++var+sectionInfo:+SectionInfo+=+sectionInfoArray[sectionClosed]+as!+SectionInfo
++++++++var+countOfRowsToDelete+=+sectionInfo.itemsInSection.count
++++++++sectionInfo.open+=+false
++++++++if+countOfRowsToDelete+>+0+{
++++++++++++var+indexPathToDelete:+NSMutableArray+=+NSMutableArray()
++++++++++++for+i+in+0..<countOfRowsToDelete+{
++++++++++++++++indexPathToDelete.addObject(NSIndexPath(forRow:+i,+inSection:+sectionClosed))
++++++++++++}
++++++++++++self.tableView.deleteRowsAtIndexPaths(indexPathToDelete+as+[AnyObject],+withRowAnimation:+.Top)
++++++++}
++++}
}|1163157|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/library/ios/samplecode/TableViewUpdates/Introduction/Intro.html|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/253c4164a960a9c7a975fc1f55b5cc81.png|imageAlt^0|5|Y|0|0|0|4|N|S|L|0|0|0|L|0|0|1|1|0|0|0|5|A|K|G|0|5|G|M|A|0|4|H|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1N|8|@]|9|@$A|1O|B|1P|1|1Q]]|C|$]]|$1|D|3|E|5|6|7|1R|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1S|8|@$A|1T|B|1U|H|I]|$A|1V|B|1W|H|I]]|9|@]|C|$]]|$1|J|3|K|5|L|7|1X|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|1Y|8|@$A|1Z|B|20|H|I]]|9|@]|C|$]]|$1|Q|3|R|5|S|7|21|8|@]|9|@$A|22|B|23|1|24]]|C|$]]|$1|T|3|U|5|6|7|25|8|@]|9|@]|C|$]]|$1|V|3|W|5|6|7|26|8|@]|9|@]|C|$]]|$1|X|3|Y|5|6|7|27|8|@$A|28|B|29|H|I]|$A|2A|B|2B|H|I]]|9|@]|C|$]]|$1|Z|3|10|5|6|7|2C|8|@$A|2D|B|2E|H|I]|$A|2F|B|2G|H|I]]|9|@]|C|$]]|$1|11|3|12|5|6|7|2H|8|@$A|2I|B|2J|H|I]]|9|@]|C|$]]|$1|13|3|14|5|L|7|2K|8|@]|9|@]|C|$M|N]]|$1|15|3|16|5|6|7|2L|8|@]|9|@]|C|$]]|$1|17|3|18|5|L|7|2M|8|@]|9|@]|C|$M|N]]|$1|19|3|-4|5|6|7|2N|8|@]|9|@]|C|$]]]|1A|$1B|$5|1C|1D|1E|C|$1F|1G]]|1H|$5|1I|1D|1J|C|$1K|1L|1M|-4]]]]

I got a nice solution inspired by Apple's <a href="https://developer.apple.com/library/ios/samplecode/TableViewUpdates/Introduction/Intro.html" rel="nofollow noreferrer">Table View Animations and Gestures</a>. I deleted unnecessary parts from Apple's sample and translated it into swift.
I know the answer is quite long, but all the code is necessary. Fortunately, you can just copy and paste most of the code and just need to do a bit modification on step 1 and 3
1.create <code>SectionHeaderView.swift</code> and <code>SectionHeaderView.xib</code>
<pre><code>import UIKit

protocol SectionHeaderViewDelegate {
 func sectionHeaderView(sectionHeaderView: SectionHeaderView, sectionOpened: Int)
 func sectionHeaderView(sectionHeaderView: SectionHeaderView, sectionClosed: Int)
}

class SectionHeaderView: UITableViewHeaderFooterView {
 
 var section: Int?
 @IBOutlet weak var titleLabel: UILabel!
 @IBOutlet weak var disclosureButton: UIButton!
 @IBAction func toggleOpen() {
 self.toggleOpenWithUserAction(true)
 }
 var delegate: SectionHeaderViewDelegate?
 
 func toggleOpenWithUserAction(userAction: Bool) {
 self.disclosureButton.selected = !self.disclosureButton.selected
 
 if userAction {
 if self.disclosureButton.selected {
 self.delegate?.sectionHeaderView(self, sectionClosed: self.section!)
 } else {
 self.delegate?.sectionHeaderView(self, sectionOpened: self.section!)
 }
 }
 }
 
 override func awakeFromNib() {
 var tapGesture: UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: &quot;toggleOpen&quot;)
 self.addGestureRecognizer(tapGesture)
 // change the button image here, you can also set image via IB.
 self.disclosureButton.setImage(UIImage(named: &quot;arrow_up&quot;), forState: UIControlState.Selected)
 self.disclosureButton.setImage(UIImage(named: &quot;arrow_down&quot;), forState: UIControlState.Normal)
 }
 
}
</code></pre>
the <code>SectionHeaderView.xib</code>(the view with gray background) should look something like this in a tableview(you can customize it according to your needs, of course):
<img src="https://i.stack.imgur.com/GdFTz.png" alt="enter image description here" />
note:
a) the <code>toggleOpen</code> action should be linked to <code>disclosureButton</code>
b) the <code>disclosureButton</code> and <code>toggleOpen</code> action are not necessary. You can delete these 2 things if you don't need the button.
2.create <code>SectionInfo.swift</code>
<pre><code>import UIKit

class SectionInfo: NSObject {
 var open: Bool = true
 var itemsInSection: NSMutableArray = []
 var sectionTitle: String?
 
 init(itemsInSection: NSMutableArray, sectionTitle: String) {
 self.itemsInSection = itemsInSection
 self.sectionTitle = sectionTitle
 }
}
</code></pre>
3.in your tableview
<pre><code>import UIKit

class TableViewController: UITableViewController, SectionHeaderViewDelegate {
 
 let SectionHeaderViewIdentifier = &quot;SectionHeaderViewIdentifier&quot;
 
 var sectionInfoArray: NSMutableArray = []
 
 override func viewDidLoad() {
 super.viewDidLoad()
 
 let sectionHeaderNib: UINib = UINib(nibName: &quot;SectionHeaderView&quot;, bundle: nil)
 self.tableView.registerNib(sectionHeaderNib, forHeaderFooterViewReuseIdentifier: SectionHeaderViewIdentifier)
 
 // you can change section height based on your needs
 self.tableView.sectionHeaderHeight = 30
 
 // You should set up your SectionInfo here
 var firstSection: SectionInfo = SectionInfo(itemsInSection: [&quot;1&quot;], sectionTitle: &quot;firstSection&quot;)
 var secondSection: SectionInfo = SectionInfo(itemsInSection: [&quot;2&quot;], sectionTitle: &quot;secondSection&quot;))
 sectionInfoArray.addObjectsFromArray([firstSection, secondSection])
 }
 
 // MARK: - Table view data source
 
 override func numberOfSectionsInTableView(tableView: UITableView) -&gt; Int {
 return sectionInfoArray.count
 }
 
 override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -&gt; Int {
 if self.sectionInfoArray.count &gt; 0 {
 var sectionInfo: SectionInfo = sectionInfoArray[section] as! SectionInfo
 if sectionInfo.open {
 return sectionInfo.open ? sectionInfo.itemsInSection.count : 0
 }
 }
 return 0
 }
 
 override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -&gt; UIView? {
 let sectionHeaderView: SectionHeaderView! = self.tableView.dequeueReusableHeaderFooterViewWithIdentifier(SectionHeaderViewIdentifier) as! SectionHeaderView
 var sectionInfo: SectionInfo = sectionInfoArray[section] as! SectionInfo
 
 sectionHeaderView.titleLabel.text = sectionInfo.sectionTitle
 sectionHeaderView.section = section
 sectionHeaderView.delegate = self
 let backGroundView = UIView()
 // you can customize the background color of the header here
 backGroundView.backgroundColor = UIColor(red:0.89, green:0.89, blue:0.89, alpha:1)
 sectionHeaderView.backgroundView = backGroundView
 return sectionHeaderView
 }
 
 func sectionHeaderView(sectionHeaderView: SectionHeaderView, sectionOpened: Int) {
 var sectionInfo: SectionInfo = sectionInfoArray[sectionOpened] as! SectionInfo
 var countOfRowsToInsert = sectionInfo.itemsInSection.count
 sectionInfo.open = true
 
 var indexPathToInsert: NSMutableArray = NSMutableArray()
 for i in 0..&lt;countOfRowsToInsert {
 indexPathToInsert.addObject(NSIndexPath(forRow: i, inSection: sectionOpened))
 }
 self.tableView.insertRowsAtIndexPaths(indexPathToInsert as [AnyObject], withRowAnimation: .Top)
 }
 
 func sectionHeaderView(sectionHeaderView: SectionHeaderView, sectionClosed: Int) {
 var sectionInfo: SectionInfo = sectionInfoArray[sectionClosed] as! SectionInfo
 var countOfRowsToDelete = sectionInfo.itemsInSection.count
 sectionInfo.open = false
 if countOfRowsToDelete &gt; 0 {
 var indexPathToDelete: NSMutableArray = NSMutableArray()
 for i in 0..&lt;countOfRowsToDelete {
 indexPathToDelete.addObject(NSIndexPath(forRow: i, inSection: sectionClosed))
 }
 self.tableView.deleteRowsAtIndexPaths(indexPathToDelete as [AnyObject], withRowAnimation: .Top)
 }
 }
}
</code></pre>

blocks|key|1163253|text|要在iOS中实现可折叠的表节，神奇之处在于如何控制每个节的行数，或者我们可以管理每个节的行高。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1163254|此外，我们还需要定制部分标题，以便可以从标题区域监听点击事件(无论是按钮还是整个标题)。|1163255|如何处理头部？它非常简单，我们扩展了UITableViewCell类并创建了一个自定义的标题单元格，如下所示：|1163256|import+UIKit

class+CollapsibleTableViewHeader:+UITableViewCell+{

++++@IBOutlet+var+titleLabel:+UILabel!
++++@IBOutlet+var+toggleButton:+UIButton!

}|code-block|syntax|javascript|1163257|然后使用viewForHeaderInSection连接标题单元格：|1163258|override+func+tableView(tableView:+UITableView,+viewForHeaderInSection+section:+Int)+->+UIView?+{
++let+header+=+tableView.dequeueReusableCellWithIdentifier("header")+as!+CollapsibleTableViewHeader

++header.titleLabel.text+=+sections[section].name
++header.toggleButton.tag+=+section
++header.toggleButton.addTarget(self,+action:+#selector(CollapsibleTableViewController.toggleCollapse),+forControlEvents:+.TouchUpInside)

++header.toggleButton.rotate(sections[section].collapsed!+?+0.0+:+CGFloat(M_PI_2))

++return+header.contentView
}|1163259|记住，我们必须返回contentView，因为这个函数需要返回一个UIView。|1163260|现在让我们来处理可折叠部分，下面是切换每个部分的可折叠道具的切换函数：|1163261|func+toggleCollapse(sender:+UIButton)+{
++let+section+=+sender.tag
++let+collapsed+=+sections[section].collapsed

++//+Toggle+collapse
++sections[section].collapsed+=+!collapsed

++//+Reload+section
++tableView.reloadSections(NSIndexSet(index:+section),+withRowAnimation:+.Automatic)
}|1163262|这取决于您如何管理节数据，在本例中，我有类似如下的节数据：|1163263|struct+Section+{
++var+name:+String!
++var+items:+[String]!
++var+collapsed:+Bool!

++init(name:+String,+items:+[String])+{
++++self.name+=+name
++++self.items+=+items
++++self.collapsed+=+false
++}
}

var+sections+=+[Section]()

sections+=+[
++Section(name:+"Mac",+items:+["MacBook",+"MacBook+Air",+"MacBook+Pro",+"iMac",+"Mac+Pro",+"Mac+mini",+"Accessories",+"OS+X+El+Capitan"]),
++Section(name:+"iPad",+items:+["iPad+Pro",+"iPad+Air+2",+"iPad+mini+4",+"Accessories"]),
++Section(name:+"iPhone",+items:+["iPhone+6s",+"iPhone+6",+"iPhone+SE",+"Accessories"])
]|1163264|最后，我们需要做的是根据每个部分的可折叠支柱，控制该部分的行数：|1163265|override+func+tableView(tableView:+UITableView,+numberOfRowsInSection+section:+Int)+->+Int+{
++return+(sections[section].collapsed!)+?+0+:+sections[section].items.count
}|1163266|我在我的Github上有一个完整的工作演示：https://github.com/jeantimex/ios-swift-collapsible-table-section|offset|length|1163267|​|1163268|📷|atomic|1163269|1163270|如果您想在一个分组样式的表中实现可折叠的部分，我在这里有另一个包含源代码的演示：https://github.com/jeantimex/ios-swift-collapsible-table-section-in-grouped-section|1163271|希望这能有所帮助。|1163272|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jeantimex/ios-swift-collapsible-table-section|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/628d919cfcbb2285dfbcac323760ae9b.gif|imageAlt|2|https://github.com/jeantimex/ios-swift-collapsible-table-section-in-grouped-section^0|0|0|0|0|0|0|0|0|0|0|0|0|0|M|1S|0|0|0|0|1|1|0|0|14|2B|2|0|0^^$0|@$1|2|3|4|5|6|7|1W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1Z|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|20|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|21|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|22|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|23|8|@]|9|@]|A|$]]|$1|S|3|T|5|H|7|24|8|@]|9|@]|A|$I|J]]|$1|U|3|V|5|6|7|25|8|@]|9|@]|A|$]]|$1|W|3|X|5|H|7|26|8|@]|9|@]|A|$I|J]]|$1|Y|3|Z|5|6|7|27|8|@]|9|@]|A|$]]|$1|10|3|11|5|H|7|28|8|@]|9|@]|A|$I|J]]|$1|12|3|13|5|6|7|29|8|@]|9|@$14|2A|15|2B|1|2C]]|A|$]]|$1|16|3|17|5|6|7|2D|8|@]|9|@]|A|$]]|$1|18|3|19|5|1A|7|2E|8|@]|9|@$14|2F|15|2G|1|2H]]|A|$]]|$1|1B|3|17|5|6|7|2I|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|6|7|2J|8|@]|9|@$14|2K|15|2L|1|2M]]|A|$]]|$1|1E|3|1F|5|6|7|2N|8|@]|9|@]|A|$]]|$1|1G|3|-4|5|6|7|2O|8|@]|9|@]|A|$]]]|1H|$1I|$5|1J|1K|1L|A|$1M|1N]]|1O|$5|1P|1K|1Q|A|$1R|1S|1T|-4]]|1U|$5|1J|1K|1L|A|$1M|1V]]]]

To implement the collapsible table section in iOS, the magic is how to control the number of rows for each section, or we can manage the height of rows for each section.

Also, we need to customize the section header so that we can listen to the tap event from the header area (whether it's a button or the whole header).

How to deal with the header? It's very simple, we extend the UITableViewCell class and make a custom header cell like so:

<pre><code>import UIKit

class CollapsibleTableViewHeader: UITableViewCell {

 @IBOutlet var titleLabel: UILabel!
 @IBOutlet var toggleButton: UIButton!

}
</code></pre>

then use the viewForHeaderInSection to hook up the header cell:

<pre><code>override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -&gt; UIView? {
 let header = tableView.dequeueReusableCellWithIdentifier("header") as! CollapsibleTableViewHeader

 header.titleLabel.text = sections[section].name
 header.toggleButton.tag = section
 header.toggleButton.addTarget(self, action: #selector(CollapsibleTableViewController.toggleCollapse), forControlEvents: .TouchUpInside)

 header.toggleButton.rotate(sections[section].collapsed! ? 0.0 : CGFloat(M_PI_2))

 return header.contentView
}
</code></pre>

remember we have to return the contentView because this function expects a UIView to be returned.

Now let's deal with the collapsible part, here is the toggle function that toggle the collapsible prop of each section:

<pre><code>func toggleCollapse(sender: UIButton) {
 let section = sender.tag
 let collapsed = sections[section].collapsed

 // Toggle collapse
 sections[section].collapsed = !collapsed

 // Reload section
 tableView.reloadSections(NSIndexSet(index: section), withRowAnimation: .Automatic)
}
</code></pre>

depends on how you manage the section data, in this case, I have the section data something like this:

<pre><code>struct Section {
 var name: String!
 var items: [String]!
 var collapsed: Bool!

 init(name: String, items: [String]) {
 self.name = name
 self.items = items
 self.collapsed = false
 }
}

var sections = [Section]()

sections = [
 Section(name: "Mac", items: ["MacBook", "MacBook Air", "MacBook Pro", "iMac", "Mac Pro", "Mac mini", "Accessories", "OS X El Capitan"]),
 Section(name: "iPad", items: ["iPad Pro", "iPad Air 2", "iPad mini 4", "Accessories"]),
 Section(name: "iPhone", items: ["iPhone 6s", "iPhone 6", "iPhone SE", "Accessories"])
]
</code></pre>

at last, what we need to do is based on the collapsible prop of each section, control the number of rows of that section:

<pre><code>override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -&gt; Int {
 return (sections[section].collapsed!) ? 0 : sections[section].items.count
}
</code></pre>

I have a fully working demo on my Github: <a href="https://github.com/jeantimex/ios-swift-collapsible-table-section" rel="noreferrer">https://github.com/jeantimex/ios-swift-collapsible-table-section</a>

<a href="https://i.stack.imgur.com/q3SOR.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/q3SOR.gif" alt="demo"></a>

If you want to implement the collapsible sections in a grouped-style table, I have another demo with source code here: <a href="https://github.com/jeantimex/ios-swift-collapsible-table-section-in-grouped-section" rel="noreferrer">https://github.com/jeantimex/ios-swift-collapsible-table-section-in-grouped-section</a>

Hope that helps.

blocks|key|1378387|text|苹果在Table+View+Animations+and+Gestures提供了一些示例代码，用于使用表视图节标题对展开/折叠操作进行动画处理。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1378388|这种方法的关键是实现|1378389|-+(UIView+*)tableView:(UITableView+*)tableView+viewForHeaderInSection:(NSInteger)section|style|CODE|1378390|并返回一个自定义的UIView，其中包含一个按钮(通常与标题视图本身的大小相同)。通过将UIView子类化并将其用于header视图(如本例所示)，您可以轻松地存储其他数据，如区段编号。|1378391|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/library/content/samplecode/TableViewUpdates/Introduction/Intro.html^0|3|Y|0|0|0|0|2G|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Y|8|@$A|Z|B|10|H|I]]|9|@]|C|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]]]

Some sample code for animating an expand/collapse action using a table view section header is provided by Apple at <a href="https://developer.apple.com/library/content/samplecode/TableViewUpdates/Introduction/Intro.html" rel="nofollow noreferrer">Table View Animations and Gestures</a>.

The key to this approach is to implement 

<code>- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section</code> 

and return a custom UIView which includes a button (typically the same size as the header view itself). By subclassing UIView and using that for the header view (as this sample does), you can easily store additional data such as the section number.

blocks|key|1378406|text|我已经使用了一个NSDictionary作为数据源，这看起来像是很多代码，但它真的很简单并且工作得很好！how+looks+here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1378407|我为节创建了一个枚举|1378408|typedef+NS_ENUM(NSUInteger,+TableViewSection)+{

++++TableViewSection0+=+0,
++++TableViewSection1,
++++TableViewSection2,
++++TableViewSectionCount
};|code-block|syntax|javascript|1378409|sections属性：|1378410|@property+(nonatomic,+strong)+NSMutableDictionary+*+sectionsDisctionary;|1378411|返回我的节的方法：|1378412|-(NSArray+<NSNumber+*>+*+)sections{

++++return+@[@(TableViewSection0),+@(TableViewSection1),+@(TableViewSection2)];
}|1378413|然后设置我的数据源：|1378414|-(void)loadAndSetupData{

++++self.sectionsDisctionary+=+[NSMutableDictionary+dictionary];

++++NSArray+*+sections+=+[self+sections];

++++for+(NSNumber+*+section+in+sections)+{

++++NSArray+*+sectionObjects+=+[self+objectsForSection:section.integerValue];

++++[self.sectionsDisctionary+setObject:[NSMutableDictionary+dictionaryWithDictionary:@{@"visible"+:+@YES,+@"objects"+:+sectionObjects}]+forKey:section];
++++}
}

-(NSArray+*)objectsForSection:(NSInteger)section{

++++NSArray+*+objects;

++++switch+(section)+{

++++++++case+TableViewSection0:

++++++++++++objects+=+@[]+//+objects+for+section+0;
++++++++++++break;

++++++++case+TableViewSection1:

++++++++++++objects+=+@[]+//+objects+for+section+1;
++++++++++++break;

++++++++case+TableViewSection2:

++++++++++++objects+=+@[]+//+objects+for+section+2;
++++++++++++break;

++++++++default:
++++++++++++break;
++++}

++++return+objects;
}|1378415|接下来的方法将帮助您了解分区何时打开，以及如何响应tableview数据源：|1378416|对数据源的部分进行响应：|1378417|/**
+*++Asks+the+delegate+for+a+view+object+to+display+in+the+header+of+the+specified+section+of+the+table+view.
+*
+*++@param+tableView+The+table-view+object+asking+for+the+view+object.
+*++@param+section+++An+index+number+identifying+a+section+of+tableView+.
+*
+*++@return+A+view+object+to+be+displayed+in+the+header+of+section+.
+*/
-+(UIView+*)+tableView:(UITableView+*)tableView+viewForHeaderInSection:(NSInteger)section{

++++NSString+*+headerName+=+[self+titleForSection:section];

++++YourCustomSectionHeaderClass+*+header+=+(YourCustomSectionHeaderClass+*)[tableView+dequeueReusableHeaderFooterViewWithIdentifier:YourCustomSectionHeaderClassIdentifier];

++++[header+setTag:section];
++++[header+addGestureRecognizer:[[UITapGestureRecognizer+alloc]+initWithTarget:self+action:@selector(handleTapGesture:)]];
++++header.title+=+headerName;
++++header.collapsed+=+[self+sectionIsOpened:section];


++++return+header;
}

/**
+*+Asks+the+data+source+to+return+the+number+of+sections+in+the+table+view
+*
+*+@param+An+object+representing+the+table+view+requesting+this+information.
+*+@return+The+number+of+sections+in+tableView.
+*/
-+(NSInteger)numberOfSectionsInTableView:(UITableView+*)tableView{
++++//+Return+the+number+of+sections.

++++return+self.sectionsDisctionary.count;
}

/**
+*+Tells+the+data+source+to+return+the+number+of+rows+in+a+given+section+of+a+table+view
+*
+*+@param+tableView:+The+table-view+object+requesting+this+information.
+*+@param+section:+An+index+number+identifying+a+section+in+tableView.
+*+@return+The+number+of+rows+in+section.
+*/
-+(NSInteger)tableView:(UITableView+*)tableView+numberOfRowsInSection:(NSInteger)section{

++++BOOL+sectionOpened+=+[self+sectionIsOpened:section];
++++return+sectionOpened+?+[[self+objectsForSection:section]+count]+:+0;
}|1378418|工具：|1378419|/**
+Return+the+section+at+the+given+index

+@param+index+the+index

+@return+The+section+in+the+given+index
+*/
-(NSMutableDictionary+*)sectionAtIndex:(NSInteger)index{

++++NSString+*+asectionKey+=+[self.sectionsDisctionary.allKeys+objectAtIndex:index];

++++return+[self.sectionsDisctionary+objectForKey:asectionKey];
}

/**
+Check+if+a+section+is+currently+opened

+@param+section+the+section+to+check

+@return+YES+if+is+opened
+*/
-(BOOL)sectionIsOpened:(NSInteger)section{

++++NSDictionary+*+asection+=+[self+sectionAtIndex:section];
++++BOOL+sectionOpened+=+[[asection+objectForKey:@"visible"]+boolValue];

++++return+sectionOpened;
}


/**
+Handle+the+section+tap

+@param+tap+the+UITapGestureRecognizer
+*/
-+(void)handleTapGesture:(UITapGestureRecognizer*)tap{

++++NSInteger+index+=+tap.view.tag;

++++[self+toggleSection:index];
}|1378420|切换截面可见性|1378421|/**
+Switch+the+state+of+the+section+at+the+given+section+number

+@param+section+the+section+number
+*/
-(void)toggleSection:(NSInteger)section{

++++if+(index+>=+0){

++++++++NSMutableDictionary+*+asection+=+[self+sectionAtIndex:section];

++++++++[asection+setObject:@(![self+sectionIsOpened:section])+forKey:@"visible"];

++++++++[self.tableView+reloadSections:[NSIndexSet+indexSetWithIndex:section]+withRowAnimation:UITableViewRowAnimationFade];
++++}
}|1378422|entityMap|0|LINK|mutability|MUTABLE|url|https://i.stack.imgur.com/GLuwV.png^0|1G|E|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1I|8|@]|9|@$A|1J|B|1K|1|1L]]|C|$]]|$1|D|3|E|5|6|7|1M|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1N|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1O|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1P|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1Q|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1R|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1S|8|@]|9|@]|C|$]]|$1|U|3|V|5|H|7|1T|8|@]|9|@]|C|$I|J]]|$1|W|3|X|5|6|7|1U|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|6|7|1V|8|@]|9|@]|C|$]]|$1|10|3|11|5|H|7|1W|8|@]|9|@]|C|$I|J]]|$1|12|3|13|5|6|7|1X|8|@]|9|@]|C|$]]|$1|14|3|15|5|H|7|1Y|8|@]|9|@]|C|$I|J]]|$1|16|3|17|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|18|3|19|5|H|7|20|8|@]|9|@]|C|$I|J]]|$1|1A|3|-4|5|6|7|21|8|@]|9|@]|C|$]]]|1B|$1C|$5|1D|1E|1F|C|$1G|1H]]]]

I've used a NSDictionary as datasource, this looks like a lot of code, but it's really simple and works very well!
<a href="https://i.stack.imgur.com/GLuwV.png" rel="nofollow">how looks here</a>

I created a enum for the sections

<pre><code>typedef NS_ENUM(NSUInteger, TableViewSection) {

 TableViewSection0 = 0,
 TableViewSection1,
 TableViewSection2,
 TableViewSectionCount
};
</code></pre>

sections property:

<pre><code>@property (nonatomic, strong) NSMutableDictionary * sectionsDisctionary;
</code></pre>

A method returning my sections:

<pre><code>-(NSArray &lt;NSNumber *&gt; * )sections{

 return @[@(TableViewSection0), @(TableViewSection1), @(TableViewSection2)];
}
</code></pre>

And then setup my data soruce:

<pre><code>-(void)loadAndSetupData{

 self.sectionsDisctionary = [NSMutableDictionary dictionary];

 NSArray * sections = [self sections];

 for (NSNumber * section in sections) {

 NSArray * sectionObjects = [self objectsForSection:section.integerValue];

 [self.sectionsDisctionary setObject:[NSMutableDictionary dictionaryWithDictionary:@{@"visible" : @YES, @"objects" : sectionObjects}] forKey:section];
 }
}

-(NSArray *)objectsForSection:(NSInteger)section{

 NSArray * objects;

 switch (section) {

 case TableViewSection0:

 objects = @[] // objects for section 0;
 break;

 case TableViewSection1:

 objects = @[] // objects for section 1;
 break;

 case TableViewSection2:

 objects = @[] // objects for section 2;
 break;

 default:
 break;
 }

 return objects;
}
</code></pre>

The next methods, will help you to know when a section is opened, and how to respond to tableview datasource:

Respond the section to datasource:

<pre><code>/**
 * Asks the delegate for a view object to display in the header of the specified section of the table view.
 *
 * @param tableView The table-view object asking for the view object.
 * @param section An index number identifying a section of tableView .
 *
 * @return A view object to be displayed in the header of section .
 */
- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{

 NSString * headerName = [self titleForSection:section];

 YourCustomSectionHeaderClass * header = (YourCustomSectionHeaderClass *)[tableView dequeueReusableHeaderFooterViewWithIdentifier:YourCustomSectionHeaderClassIdentifier];

 [header setTag:section];
 [header addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTapGesture:)]];
 header.title = headerName;
 header.collapsed = [self sectionIsOpened:section];


 return header;
}

/**
 * Asks the data source to return the number of sections in the table view
 *
 * @param An object representing the table view requesting this information.
 * @return The number of sections in tableView.
 */
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
 // Return the number of sections.

 return self.sectionsDisctionary.count;
}

/**
 * Tells the data source to return the number of rows in a given section of a table view
 *
 * @param tableView: The table-view object requesting this information.
 * @param section: An index number identifying a section in tableView.
 * @return The number of rows in section.
 */
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

 BOOL sectionOpened = [self sectionIsOpened:section];
 return sectionOpened ? [[self objectsForSection:section] count] : 0;
}
</code></pre>

Tools:

<pre><code>/**
 Return the section at the given index

 @param index the index

 @return The section in the given index
 */
-(NSMutableDictionary *)sectionAtIndex:(NSInteger)index{

 NSString * asectionKey = [self.sectionsDisctionary.allKeys objectAtIndex:index];

 return [self.sectionsDisctionary objectForKey:asectionKey];
}

/**
 Check if a section is currently opened

 @param section the section to check

 @return YES if is opened
 */
-(BOOL)sectionIsOpened:(NSInteger)section{

 NSDictionary * asection = [self sectionAtIndex:section];
 BOOL sectionOpened = [[asection objectForKey:@"visible"] boolValue];

 return sectionOpened;
}


/**
 Handle the section tap

 @param tap the UITapGestureRecognizer
 */
- (void)handleTapGesture:(UITapGestureRecognizer*)tap{

 NSInteger index = tap.view.tag;

 [self toggleSection:index];
}
</code></pre>

Toggle section visibility

<pre><code>/**
 Switch the state of the section at the given section number

 @param section the section number
 */
-(void)toggleSection:(NSInteger)section{

 if (index &gt;= 0){

 NSMutableDictionary * asection = [self sectionAtIndex:section];

 [asection setObject:@(![self sectionIsOpened:section]) forKey:@"visible"];

 [self.tableView reloadSections:[NSIndexSet indexSetWithIndex:section] withRowAnimation:UITableViewRowAnimationFade];
 }
}
</code></pre>

blocks|key|1378442|text|在扩展用Objective+C编写的this答案的基础上，我为那些用Swift编写的人写了以下内容|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1378443|其思想是使用表中的部分，并在点击部分中的第一行时将该部分中的行数设置为1(折叠)和3(展开|1378444|表根据布尔值的数组决定要绘制的行数|1378445|您需要在故事板中创建两行，并为它们提供重用标识符'CollapsingRow‘和'GroupHeading’。|1378446|import+UIKit

class+CollapsingTVC:UITableViewController{

++++var+sectionVisibilityArray:[Bool]!//+Array+index+corresponds+to+section+in+table

++++override+func+viewDidLoad(){
++++++++super.viewDidLoad()
++++++++sectionVisibilityArray+=+[false,false,false]
++++}

++++override+func+viewDidAppear(_+animated:+Bool)+{
++++++++super.viewDidAppear(animated)
++++}

++++override+func+numberOfSections(in+tableView:+UITableView)+->+Int{
++++++++return+sectionVisibilityArray.count
++++}
++++override+func+tableView(_+tableView:+UITableView,+heightForHeaderInSection+section:+Int)+->+CGFloat{
++++++++return+0
++++}

++++//+numberOfRowsInSection+-+Get+count+of+entries
++++override+func+tableView(_+tableView:+UITableView,+numberOfRowsInSection+section:+Int)+->+Int+{
++++++++var+rowsToShow:Int+=+0
++++++++if(sectionVisibilityArray[section]){
++++++++++++rowsToShow+=+3+//+Or+however+many+rows+should+be+displayed+in+that+section
++++++++}else{
++++++++++++rowsToShow+=+1
++++++++}
++++++++return+rowsToShow
++++}//+numberOfRowsInSection


++++override+func+tableView(_+tableView:+UITableView,+didSelectRowAt+indexPath:+IndexPath){
++++++++if(indexPath.row+==+0){
++++++++++++if(sectionVisibilityArray[indexPath.section]){
++++++++++++++++sectionVisibilityArray[indexPath.section]+=+false
++++++++++++}else{
++++++++++++++++sectionVisibilityArray[indexPath.section]+=+true
++++++++++++}
++++++++++++self.tableView.reloadSections([indexPath.section],+with:+.automatic)
++++++++}
++++}

++++//+cellForRowAtIndexPath+-+Get+table+cell+corresponding+to+this+IndexPath
++++override+func+tableView(_+tableView:+UITableView,+cellForRowAt+indexPath:+IndexPath)+->+UITableViewCell+{

++++++++var+cell:UITableViewCell

++++++++if(indexPath.row+==+0){
+++++++++++++cell+=+tableView.dequeueReusableCell(withIdentifier:+"GroupHeading",+for:+indexPath+as+IndexPath)
++++++++}else{
++++++++++++cell+=+tableView.dequeueReusableCell(withIdentifier:+"CollapsingRow",+for:+indexPath+as+IndexPath)
++++++++}

++++++++return+cell

++++}//+cellForRowAtIndexPath

}|code-block|syntax|javascript|1378447|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1938921/expand-collapse-section-in-uitableview-in-ios^0|I|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|13|8|@]|9|@]|C|$M|N]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

Expanding on <a href="https://stackoverflow.com/questions/1938921/expand-collapse-section-in-uitableview-in-ios">this</a> answer written in Objective C, I wrote the following for those writing in Swift

The idea is to use sections within the table and set the number of rows in the section to 1 (collapsed) and 3(expanded) when the first row in that section is tapped

The table decides how many rows to draw based on an array of Boolean values

You'll need to create two rows in storyboard and give them the reuse identifiers 'CollapsingRow' and 'GroupHeading'

<pre><code>import UIKit

class CollapsingTVC:UITableViewController{

 var sectionVisibilityArray:[Bool]!// Array index corresponds to section in table

 override func viewDidLoad(){
 super.viewDidLoad()
 sectionVisibilityArray = [false,false,false]
 }

 override func viewDidAppear(_ animated: Bool) {
 super.viewDidAppear(animated)
 }

 override func numberOfSections(in tableView: UITableView) -&gt; Int{
 return sectionVisibilityArray.count
 }
 override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -&gt; CGFloat{
 return 0
 }

 // numberOfRowsInSection - Get count of entries
 override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -&gt; Int {
 var rowsToShow:Int = 0
 if(sectionVisibilityArray[section]){
 rowsToShow = 3 // Or however many rows should be displayed in that section
 }else{
 rowsToShow = 1
 }
 return rowsToShow
 }// numberOfRowsInSection


 override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath){
 if(indexPath.row == 0){
 if(sectionVisibilityArray[indexPath.section]){
 sectionVisibilityArray[indexPath.section] = false
 }else{
 sectionVisibilityArray[indexPath.section] = true
 }
 self.tableView.reloadSections([indexPath.section], with: .automatic)
 }
 }

 // cellForRowAtIndexPath - Get table cell corresponding to this IndexPath
 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -&gt; UITableViewCell {

 var cell:UITableViewCell

 if(indexPath.row == 0){
 cell = tableView.dequeueReusableCell(withIdentifier: "GroupHeading", for: indexPath as IndexPath)
 }else{
 cell = tableView.dequeueReusableCell(withIdentifier: "CollapsingRow", for: indexPath as IndexPath)
 }

 return cell

 }// cellForRowAtIndexPath

}
</code></pre>

blocks|key|1378485|text|为了完整性，我添加了这个解决方案，并展示了如何使用节标题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1378486|import+UIKit

class+ViewController:+UIViewController,+UITableViewDataSource,+UITableViewDelegate+{

++++@IBOutlet+var+tableView:+UITableView!
++++var+headerButtons:+[UIButton]!
++++var+sections+=+[true,+true,+true]

++++override+func+viewDidLoad()+{
++++++++super.viewDidLoad()
++++++++tableView.dataSource+=+self
++++++++tableView.delegate+=+self

++++++++let+section0Button+=+UIButton(type:+.detailDisclosure)
++++++++section0Button.setTitle("Section+0",+for:+.normal)
++++++++section0Button.addTarget(self,+action:+#selector(section0Tapped),+for:+.touchUpInside)

++++++++let+section1Button+=+UIButton(type:+.detailDisclosure)
++++++++section1Button.setTitle("Section+1",+for:+.normal)
++++++++section1Button.addTarget(self,+action:+#selector(section1Tapped),+for:+.touchUpInside)

++++++++let+section2Button+=+UIButton(type:+.detailDisclosure)
++++++++section2Button.setTitle("Section+2",+for:+.normal)
++++++++section2Button.addTarget(self,+action:+#selector(section2Tapped),+for:+.touchUpInside)

++++++++headerButtons+=+[UIButton]()
++++++++headerButtons.append(section0Button)
++++++++headerButtons.append(section1Button)
++++++++headerButtons.append(section2Button)
++++}

++++func+numberOfSections(in+tableView:+UITableView)+->+Int+{
++++++++return+sections.count
++++}

++++func+tableView(_+tableView:+UITableView,+numberOfRowsInSection+section:+Int)+->+Int+{
++++++++return+sections[section]+?+3+:+0
++++}

++++func+tableView(_+tableView:+UITableView,+cellForRowAt+indexPath:+IndexPath)+->+UITableViewCell+{
++++++++let+cellReuseId+=+"cellReuseId"
++++++++let+cell+=+UITableViewCell(style:+.default,+reuseIdentifier:+cellReuseId)
++++++++cell.textLabel?.text+=+"\(indexPath.section):+\(indexPath.row)"
++++++++return+cell
++++}

++++func+tableView(_+tableView:+UITableView,+viewForHeaderInSection+section:+Int)+->+UIView?+{
++++++++return+headerButtons[section]
++++}

++++func+tableView(_+tableView:+UITableView,+heightForHeaderInSection+section:+Int)+->+CGFloat+{
++++++++return+44
++++}

++++@objc+func+section0Tapped()+{
++++++++sections[0]+=+!sections[0]
++++++++tableView.reloadSections([0],+with:+.fade)
++++}

++++@objc+func+section1Tapped()+{
++++++++sections[1]+=+!sections[1]
++++++++tableView.reloadSections([1],+with:+.fade)
++++}

++++@objc+func+section2Tapped()+{
++++++++sections[2]+=+!sections[2]
++++++++tableView.reloadSections([2],+with:+.fade)
++++}

}|code-block|syntax|javascript|1378487|要点链接：https://gist.github.com/pawelkijowskizimperium/fe1e8511a7932a0d40486a2669316d2c|offset|length|1378488|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/pawelkijowskizimperium/fe1e8511a7932a0d40486a2669316d2c^0|0|0|5|27|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I am adding this solution for completeness and showing how to work with section headers.

<pre><code>import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

 @IBOutlet var tableView: UITableView!
 var headerButtons: [UIButton]!
 var sections = [true, true, true]

 override func viewDidLoad() {
 super.viewDidLoad()
 tableView.dataSource = self
 tableView.delegate = self

 let section0Button = UIButton(type: .detailDisclosure)
 section0Button.setTitle("Section 0", for: .normal)
 section0Button.addTarget(self, action: #selector(section0Tapped), for: .touchUpInside)

 let section1Button = UIButton(type: .detailDisclosure)
 section1Button.setTitle("Section 1", for: .normal)
 section1Button.addTarget(self, action: #selector(section1Tapped), for: .touchUpInside)

 let section2Button = UIButton(type: .detailDisclosure)
 section2Button.setTitle("Section 2", for: .normal)
 section2Button.addTarget(self, action: #selector(section2Tapped), for: .touchUpInside)

 headerButtons = [UIButton]()
 headerButtons.append(section0Button)
 headerButtons.append(section1Button)
 headerButtons.append(section2Button)
 }

 func numberOfSections(in tableView: UITableView) -&gt; Int {
 return sections.count
 }

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -&gt; Int {
 return sections[section] ? 3 : 0
 }

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -&gt; UITableViewCell {
 let cellReuseId = "cellReuseId"
 let cell = UITableViewCell(style: .default, reuseIdentifier: cellReuseId)
 cell.textLabel?.text = "\(indexPath.section): \(indexPath.row)"
 return cell
 }

 func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -&gt; UIView? {
 return headerButtons[section]
 }

 func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -&gt; CGFloat {
 return 44
 }

 @objc func section0Tapped() {
 sections[0] = !sections[0]
 tableView.reloadSections([0], with: .fade)
 }

 @objc func section1Tapped() {
 sections[1] = !sections[1]
 tableView.reloadSections([1], with: .fade)
 }

 @objc func section2Tapped() {
 sections[2] = !sections[2]
 tableView.reloadSections([2], with: .fade)
 }

}
</code></pre>

Link to gist: <a href="https://gist.github.com/pawelkijowskizimperium/fe1e8511a7932a0d40486a2669316d2c" rel="nofollow noreferrer">https://gist.github.com/pawelkijowskizimperium/fe1e8511a7932a0d40486a2669316d2c</a>

blocks|key|1163365|text|为了支持@jean.timex解决方案，如果您想在任何时候打开一个部分，请使用以下代码。创建一个变量，如:+var+expandedSection+=+-1；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1163366|func+toggleSection(_+header:+CollapsibleTableViewHeader,+section:+Int)+{
++++let+collapsed+=+!sections[section].collapsed
++++//+Toggle+collapse
++++sections[section].collapsed+=+collapsed
++++header.setCollapsed(collapsed)
++++tableView.reloadSections(NSIndexSet(index:+section)+as+IndexSet,+with:+.automatic)
++++if+(expandedSection+>=+0+&&+expandedSection+!=+section){
++++++++sections[expandedSection].collapsed+=+true
++++++++tableView.reloadSections(NSIndexSet(index:+expandedSection)+as+IndexSet,+with:+.automatic)
++++}
++++expandedSection+=+section;
}|code-block|syntax|javascript|1163367|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

in support to @jean.timex solution, use below code if you want to open one section at any time. create a variable like: var expandedSection = -1;

<pre><code>func toggleSection(_ header: CollapsibleTableViewHeader, section: Int) {
 let collapsed = !sections[section].collapsed
 // Toggle collapse
 sections[section].collapsed = collapsed
 header.setCollapsed(collapsed)
 tableView.reloadSections(NSIndexSet(index: section) as IndexSet, with: .automatic)
 if (expandedSection &gt;= 0 &amp;&amp; expandedSection != section){
 sections[expandedSection].collapsed = true
 tableView.reloadSections(NSIndexSet(index: expandedSection) as IndexSet, with: .automatic)
 }
 expandedSection = section;
}
</code></pre>

Could somebody tell me the way to perform <code>UITableView</code> expandable/collapsible animations in <code>sections</code> of <code>UITableView</code> as below?

<img src="https://i.stack.imgur.com/ftMVW.jpg" alt="">

or

<img src="https://i.stack.imgur.com/KMXaq.png" alt="">

Expand/collapse section in UITableView in iOS

Swift

谁能告诉我在sections of UITableView中执行UITableView可展开/可折叠动画的方法，如下所示？​​或​​

问iOS中UITableView中的展开/折叠部分
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS中UITableView中的展开/折叠部分EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS中UITableView中的展开/折叠部分
EN