किसी ने मुझे नीचे के रूप UITableViewमें विस्तार योग्य / बंधनेवाला एनिमेशन प्रदर्शन करने का तरीका बता सकता है ?sectionsUITableView
या
जवाबों:
आपको अपनी स्वयं की कस्टम हेडर पंक्ति बनानी होगी और उसे प्रत्येक अनुभाग की पहली पंक्ति के रूप में रखना होगा। उप-हेडिंग UITableViewया हेडर जो पहले से ही हैं, दर्द होगा। अब वे जिस तरह से काम करते हैं, उसके आधार पर, मुझे यकीन नहीं है कि आप आसानी से उन पर कार्रवाई कर सकते हैं। आप एक हेडर की तरह एलओयू पर सेल स्थापित कर सकते हैं, और tableView:didSelectRowAtIndexPathउस अनुभाग को मैन्युअल रूप से विस्तारित या संक्षिप्त करने के लिए सेटअप कर सकते हैं जो इसमें है।
मैं आपके प्रत्येक अनुभाग के "एक्सपेंडेड" मूल्य के अनुरूप बूलियन की एक सरणी स्टोर करूंगा। तब आप tableView:didSelectRowAtIndexPathअपने प्रत्येक कस्टम हेडर पंक्तियों पर इस मान को टॉगल कर सकते हैं और फिर उस विशिष्ट अनुभाग को पुनः लोड कर सकते हैं।
- (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];
}
}
तब मान की numberOfRowsInSectionजाँच करने के लिए सेट करें mybooleansऔर यदि खंड का विस्तार नहीं हुआ है, तो 1 लौटें या यदि यह विस्तारित हो तो अनुभाग में वस्तुओं की संख्या 1+।
- (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;
}
}
साथ ही, आपको cellForRowAtIndexPathकिसी भी अनुभाग में पहली पंक्ति के लिए एक कस्टम हेडर सेल वापस करने के लिए अपडेट करना होगा ।
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)sectionअपने स्वयं के कस्टम हेडर प्रदान करने का बेहतर तरीका है, जैसा कि वास्तव में ऐसा करने के लिए डिज़ाइन किया गया है।
टेबल व्यू सेक्शन हेडर का उपयोग करके एक विस्तार / पतन कार्रवाई को एनिमेट करने के लिए कुछ नमूना कोड Apple द्वारा यहां प्रदान किया गया है: टेबल व्यू एनिमेशन और जेस्चर
इस दृष्टिकोण की कुंजी - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)sectionएक कस्टम यूआईवाईवाई को लागू करना और वापस करना है जिसमें एक बटन शामिल है (आमतौर पर हेडर जैसा ही आकार)। UIView को उप-लिंक करके और हेडर दृश्य के लिए (जैसा कि यह नमूना करता है) का उपयोग करके, आप आसानी से अतिरिक्त डेटा जैसे अनुभाग संख्या को संग्रहीत कर सकते हैं।
dequeueReusableHeaderFooterViewWithIdentifier) - उस तीर पर क्लिक करें और पहले गेम पर वापस स्क्रॉल करें और इसे बंद करने का प्रयास करें -> NSInternalInconsistencyException (iOS 8.4 / iPhones)
मुझे Apple के टेबल व्यू एनिमेशन और जेस्चर से प्रेरित एक अच्छा समाधान मिला । मैंने Apple के नमूने से अनावश्यक भागों को हटा दिया और इसे तेजी से अनुवादित किया।
मुझे पता है कि उत्तर काफी लंबा है, लेकिन सभी कोड आवश्यक हैं। सौभाग्य से, आप ज्यादातर कोड को कॉपी और पेस्ट कर सकते हैं और बस चरण 1 और 3 पर थोड़ा संशोधन करने की आवश्यकता है
1. बनाएँ SectionHeaderView.swiftऔरSectionHeaderView.xib
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)
}
}SectionHeaderView.xib(धूसर पृष्ठभूमि के साथ देखें) एक tableview में कुछ इस तरह दिखना चाहिए (आप निश्चित रूप से, अपनी आवश्यकताओं के अनुसार अनुकूलित कर सकते हैं):
ध्यान दें:
क) toggleOpenकार्रवाई से जुड़ा होना चाहिएdisclosureButton
बी) disclosureButtonऔर toggleOpenकार्रवाई आवश्यक नहीं है। यदि आपको बटन की आवश्यकता नहीं है तो आप इन 2 चीजों को हटा सकते हैं।
2.Create SectionInfo.swift
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
}
}3. अपना टेबलव्यू
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)
}
}
}आईओएस में बंधनेवाला तालिका अनुभाग को लागू करने के लिए, जादू है कि प्रत्येक अनुभाग के लिए पंक्तियों की संख्या को कैसे नियंत्रित किया जाए, या हम प्रत्येक अनुभाग के लिए पंक्तियों की ऊंचाई का प्रबंधन कर सकते हैं।
इसके अलावा, हमें सेक्शन हेडर को कस्टमाइज़ करना होगा ताकि हम हेडर क्षेत्र से टैप ईवेंट सुन सकें (चाहे वह एक बटन हो या पूरा हेडर)।
हेडर से कैसे निपटें? यह बहुत सरल है, हम UITableViewCell क्लास का विस्तार करते हैं और एक कस्टम हेडर सेल बनाते हैं जैसे:
import UIKit
class CollapsibleTableViewHeader: UITableViewCell {
@IBOutlet var titleLabel: UILabel!
@IBOutlet var toggleButton: UIButton!
}फिर हेडर सेल को हुक करने के लिए viewFeaHeaderInSection का उपयोग करें:
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
}याद रखें कि हमें contentView को वापस करना है क्योंकि यह फ़ंक्शन एक UIView को वापस करने की उम्मीद करता है।
अब आइए, बंधे हुए भाग को निपटाते हैं, यहाँ टॉगल फ़ंक्शन है जो प्रत्येक खंड के ढहने योग्य प्रोप को टॉगल करता है:
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)
}इस बात पर निर्भर करता है कि आप अनुभाग डेटा का प्रबंधन कैसे करते हैं, इस मामले में, मेरे पास अनुभाग डेटा कुछ इस तरह है:
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"])
]अंत में, हमें जो करने की ज़रूरत है, वह प्रत्येक अनुभाग के संक्षिप्त रूप पर आधारित है, उस अनुभाग की पंक्तियों की संख्या को नियंत्रित करें:
override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return (sections[section].collapsed!) ? 0 : sections[section].items.count
}मेरे पास मेरे Github पर पूरी तरह से काम करने वाला डेमो है: https://github.com/jeantimex/ios-swift-collapsible-table-section
यदि आप समूह-शैली की तालिका में बंधनेवाला अनुभागों को लागू करना चाहते हैं, तो मेरे पास स्रोत कोड के साथ एक और डेमो है: https://github.com/jeantimex/ios-swift-collapsible-table-section-in-grouped-section
उम्मीद है की वो मदद करदे।
मेरे पास एक बेहतर उपाय है कि आप एक UIButton को सेक्शन हेडर में जोड़ें और इस बटन के आकार को सेक्शन साइज़ के बराबर सेट करें, लेकिन इसे स्पष्ट बैकग्राउंड कलर द्वारा छिपा दिया जाए, इसके बाद आप आसानी से जांच सकते हैं कि किस सेक्शन का विस्तार या पतन करने के लिए क्लिक किया गया है
tableView:numberOfRowsInSection:अछूता रहेगा और आप इसका उपयोग करने में सक्षम रहेंगे जो वास्तव में इसका मतलब है। उसी के लिए जाता है tableView:cellForRowAtIndexPath:।
UITableViewHeaderFooterViewऔर एक sectionसंपत्ति जोड़ता है और एक SectionHeaderViewDelegateखंड को परिभाषित करता है जो अनुभाग को खोलने / बंद करने के लिए कॉलबैक प्रदान करता है। ( developer.apple.com/library/ios/samplecode/TableViewUpdates/… )
मैं एक हेडर बनाने में समाप्त हो गया, जिसमें एक बटन था (मैंने इस तथ्य के बाद ऊपर सोन गुयेन के समाधान को देखा , लेकिन मेरे कोड को विधमान करता है .. यह बहुत अच्छा लगता है लेकिन यह बहुत सरल है):
आप वर्गों के लिए एक जोड़े को घोषित करें
bool customerIsCollapsed = NO;
bool siteIsCollapsed = NO;... कोड
अब आपके टेबलव्यू प्रतिनिधि तरीकों में ...
- (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;
}और अंत में उस फ़ंक्शन को कहा जाता है जब आप किसी अनुभाग हेडर बटन को छूते हैं:
- (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];
}[self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationFade];ढहने / अनियंत्रित करने की विधि में किसी चीज़ का उपयोग करते हैं तो उसे अच्छी तरह से चेतन करना चाहिए।
यह सबसे अच्छा तरीका है जो मैंने विस्तार योग्य टेबल व्यू सेल बनाने के लिए पाया है
.h फ़ाइल
NSMutableIndexSet *expandedSections;.m फ़ाइल
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];तालिका दृश्य प्रतिनिधि विधियाँ
- (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++)
{
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);
}तो, 'हेडर में बटन' समाधान के आधार पर, यहाँ एक साफ और न्यूनतम कार्यान्वयन है:
यहाँ कोड है:
@interface MyTableViewController ()
@property (nonatomic, strong) NSMutableIndexSet *collapsedSections;
@end
...
@implementation MyTableViewController
- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (!self)
return;
self.collapsedSections = [NSMutableIndexSet indexSet];
return self;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
// if section is collapsed
if ([self.collapsedSections containsIndex:section])
return 0;
// if section is expanded
#warning incomplete implementation
return [super tableView:tableView numberOfRowsInSection:section];
}
- (IBAction)toggleSectionHeader:(UIView *)sender
{
UITableView *tableView = self.tableView;
NSInteger section = sender.tag;
MyTableViewHeaderFooterView *headerView = (MyTableViewHeaderFooterView *)[self tableView:tableView viewForHeaderInSection:section];
if ([self.collapsedSections containsIndex:section])
{
// section is collapsed
headerView.button.selected = YES;
[self.collapsedSections removeIndex:section];
}
else
{
// section is expanded
headerView.button.selected = NO;
[self.collapsedSections addIndex:section];
}
[tableView beginUpdates];
[tableView reloadSections:[NSIndexSet indexSetWithIndex:section] withRowAnimation:UITableViewRowAnimationAutomatic];
[tableView endUpdates];
}
@endमुझे उस समस्या को हल करने का एक और सरल तरीका मिला। इस पद्धति का उपयोग करके हमें अपने सेल को बदलने की आवश्यकता नहीं होगी जो लगभग हमेशा डेटा सरणी इंडेक्स से संबंधित है, संभवतः हमारे व्यू कंट्रोलर में गड़बड़ी पैदा करता है।
सबसे पहले, हम निम्नलिखित गुणों को अपने नियंत्रक वर्ग में जोड़ते हैं:
@property (strong, nonatomic) NSMutableArray* collapsedSections;
@property (strong, nonatomic) NSMutableArray* sectionViews;collapsedSectionsध्वस्त खंड संख्या को बचाएगा।
sectionViewsहमारे कस्टम अनुभाग दृश्य को संग्रहीत करेगा।
इसका संश्लेषण करें:
@synthesize collapsedSections;
@synthesize sectionViews;इसे प्रारंभ करें:
- (void) viewDidLoad
{
[super viewDidLoad];
self.collapsedSections = [NSMutableArray array];
self.sectionViews = [NSMutableArray array];
}उसके बाद, हमें अपना UITableView कनेक्ट करना होगा ताकि इसे हमारे व्यू कंट्रोलर क्लास के भीतर से एक्सेस किया जा सके:
@property (strong, nonatomic) IBOutlet UITableView *tblMain;ctrl + dragआमतौर पर उपयोग करने वाले नियंत्रक को देखने के लिए इसे XIB से कनेक्ट करें ।
फिर हम इस UITableView प्रतिनिधि को कार्यान्वित करके हमारी तालिका दृश्य के लिए कस्टम सेक्शन हेडर के रूप में देखें:
- (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;
}अगला, हम क्लास प्रॉपर्टी में अपने पहले से बनाए गए कस्टम सेक्शन के हेडर को बचाने के लिए विधि लागू करते हैं:
- (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];
}
}
}UIGestureRecognizerDelegateहमारे दृश्य नियंत्रक में जोड़ें ।
@interface MyViewController : UIViewController<UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate>फिर हम विधि बनाते हैं attachTapGestureToView:
- (void) attachTapGestureToView:(UIView*) view
{
UITapGestureRecognizer* tapAction = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onTap:)];
[tapAction setDelegate:self];
[view addGestureRecognizer:tapAction];
}उपरोक्त विधि हम पहले बनाए गए सभी अनुभाग दृश्य में टैप जेस्चर पहचानकर्ता जोड़ देंगे। आगे हमें onTap:चयनकर्ता को लागू करना चाहिए
- (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];
}उपयोगकर्ता द्वारा हमारे किसी भी टेबल व्यू सेक्शन को टैप करने पर उपरोक्त विधि लागू हो जाएगी। यह विधि हमारे sectionViewsद्वारा पहले बनाई गई हमारे सरणी के आधार पर सही अनुभाग संख्या खोजती है ।
इसके अलावा, हम हेडर व्यू के wihch सेक्शन को पाने के लिए विधि को लागू करते हैं।
- (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 -> %@ vs %@", sectionNum, [label text], [sectionLabel text]);
if([[label text] isEqualToString:[sectionLabel text]])
{
return sectionNum;
}
sectionNum++;
}
return NSNotFound;
}इसके बाद, हमें विधि लागू करनी चाहिए toggleCollapseSection:
- (void) toggleCollapseSection:(NSInteger) section
{
if([self isCollapsedSection:section])
{
[self removeCollapsedSection:section];
}
else
{
[self addCollapsedSection:section];
}
[[self tblMain] reloadSections:[NSIndexSet indexSetWithIndex:section] withRowAnimation:UITableViewRowAnimationFade];
}यह विधि हमारे collapsedSectionsद्वारा पहले बनाई गई हमारे सरणी में अनुभाग संख्या सम्मिलित / हटा देगी । जब एक खंड संख्या उस सरणी में डाली जाती है, तो इसका मतलब है कि अनुभाग को ढह जाना चाहिए और यदि अन्यथा।
अगला हम लागू करते हैं removeCollapsedSection:, addCollapsedSection:sectionऔरisCollapsedSection:section
- (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]];
}यह तीन विधि हमें ऐक्सेसिंग collapsedSectionsऐरे में आसान बनाने के लिए मददगार है ।
अंत में, इस तालिका दृश्य प्रतिनिधि को लागू करें ताकि हमारे कस्टम अनुभाग के विचार अच्छे लगें।
- (CGFloat) tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
return 30.f; // Same as each custom section view height
}आशा करता हूँ की ये काम करेगा।
मैंने डेटा स्रोत के रूप में एक एनएसएडर का उपयोग किया है, यह बहुत सारे कोड जैसा दिखता है, लेकिन यह वास्तव में सरल है और बहुत अच्छी तरह से काम करता है! यहाँ कैसा लग रहा है
मैंने वर्गों के लिए एक एनुम बनाया
typedef NS_ENUM(NSUInteger, TableViewSection) {
TableViewSection0 = 0,
TableViewSection1,
TableViewSection2,
TableViewSectionCount
};वर्गों की संपत्ति:
@property (nonatomic, strong) NSMutableDictionary * sectionsDisctionary;मेरे सेक्शन को लौटाने का एक तरीका:
-(NSArray <NSNumber *> * )sections{
return @[@(TableViewSection0), @(TableViewSection1), @(TableViewSection2)];
}और फिर मेरा डेटा सॉर्ट सेट करें:
-(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;
}अगले तरीके, आपको यह जानने में मदद करेंगे कि एक सेक्शन कब खोला जाता है, और टेबलव्यू डेटासोर्स का जवाब कैसे दिया जाता है:
डेटा स्रोत पर अनुभाग का जवाब दें:
/**
* 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;
}उपकरण:
/**
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];
}खंड दृश्यता टॉगल करें
/**
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];
}
}// -------------------------------------------------------------------------------
// 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;
}// वीकेजे
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 > 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];// vKj
ऑब्जेक्टिव सी में लिखे गए इस उत्तर पर विस्तार करते हुए , मैंने स्विफ्ट में लिखने वालों के लिए निम्नलिखित लिखा
तालिका के भीतर खंडों का उपयोग करने और अनुभाग में पंक्तियों की संख्या 1 (ढह गई) और 3 (विस्तारित) सेट करने के लिए विचार किया जाता है, जब उस खंड में पहली पंक्ति टैप की जाती है
तालिका यह तय करती है कि बूलियन मानों की एक सरणी के आधार पर कितनी पंक्तियाँ खींचनी हैं
आपको स्टोरीबोर्ड में दो पंक्तियाँ बनाने और उन्हें पुन: उपयोग करने वाले पहचानकर्ता 'CollapsingRow' और 'GroupHeading' देने की आवश्यकता होगी
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
}टेबल व्यू सेक्शन हेडर का उपयोग करके एक विस्तार / पतन कार्रवाई को एनिमेट करने के लिए कुछ नमूना कोड Apple द्वारा टेबल व्यू एनिमेशन और जेस्चर पर प्रदान किया गया है ।
इस दृष्टिकोण की कुंजी कार्यान्वयन करना है
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
और एक कस्टम UIView लौटाएं जिसमें एक बटन शामिल हो (आमतौर पर हेडर जैसा ही आकार)। UIView को उप-लिंक करके और हेडर दृश्य के लिए (जैसा कि यह नमूना करता है) का उपयोग करके, आप अनुभाग नंबर जैसे अतिरिक्त डेटा को आसानी से संग्रहीत कर सकते हैं।
मैंने कई वर्गों का उपयोग करके एक ही काम किया है।
class SCTierBenefitsViewController: UIViewController {
@IBOutlet private weak var tblTierBenefits: UITableView!
private var selectedIndexPath: IndexPath?
private var isSelected:Bool = false
override func viewDidLoad() {
super.viewDidLoad()
tblTierBenefits.register(UINib(nibName:"TierBenefitsTableViewCell", bundle: nil), forCellReuseIdentifier:"TierBenefitsTableViewCell")
tblTierBenefits.register(UINib(nibName:"TierBenefitsDetailsCell", bundle: nil), forCellReuseIdentifier:"TierBenefitsDetailsCell")
tblTierBenefits.rowHeight = UITableViewAutomaticDimension;
tblTierBenefits.estimatedRowHeight = 44.0;
tblTierBenefits.tableFooterView = UIView()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
extension SCTierBenefitsViewController : UITableViewDataSource{
func numberOfSections(in tableView: UITableView) -> Int {
return 7
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return (isSelected && section == selectedIndexPath?.section) ? 2 : 1
}
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 0.01
}
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return nil
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
switch indexPath.row {
case 0:
let cell:TierBenefitsTableViewCell = tableView.dequeueReusableCell(withIdentifier: "TierBenefitsTableViewCell")! as! TierBenefitsTableViewCell
cell.selectionStyle = .none
cell.contentView.setNeedsLayout()
cell.contentView.layoutIfNeeded()
return cell
case 1:
let cell:TierBenefitsDetailsCell = tableView.dequeueReusableCell(withIdentifier: "TierBenefitsDetailsCell")! as! TierBenefitsDetailsCell
cell.selectionStyle = .none
return cell
default:
break
}
return UITableViewCell()
}
}
extension SCTierBenefitsViewController : UITableViewDelegate{
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
if indexPath.row == 0 {
if let _selectedIndexPath = selectedIndexPath ,selectedIndexPath?.section == indexPath.section {
tblTierBenefits.beginUpdates()
expandCollapse(indexPath: _selectedIndexPath, isExpand: false)
selectedIndexPath = nil
}
else{
tblTierBenefits.beginUpdates()
if selectedIndexPath != nil {
tblTierBenefits.reloadSections([(selectedIndexPath?.section)!], with: .none)
}
expandCollapse(indexPath: indexPath, isExpand: true)
}
}
}
private func expandCollapse(indexPath: IndexPath?,isExpand: Bool){
isSelected = isExpand
selectedIndexPath = indexPath
tblTierBenefits.reloadSections([(indexPath?.section)!], with: .none)
tblTierBenefits.endUpdates()
}
}मैं इस समाधान को पूर्णता के लिए जोड़ रहा हूं और अनुभाग हेडर के साथ काम करने का तरीका दिखा रहा हूं।
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)
}
}लिंक से लिंक करें: https://gist.github.com/pawelkijowskizimperium/fe1e8511a7932a0d40486a2669316d2c
यदि आप किसी भी समय एक सेक्शन खोलना चाहते हैं, तो @ jean.timex समाधान के समर्थन में, नीचे दिए गए कोड का उपयोग करें। एक चर बनाएं जैसे: var विस्तारितSection = -1;
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;
}