स्टोरीबोर्ड का उपयोग किए बिना हम बस UIViewकैनवास पर खींच सकते हैं , इसे बाहर रख सकते हैं और फिर इसे tableView:viewForHeaderInSectionया tableView:viewForFooterInSectionप्रतिनिधि विधियों में सेट कर सकते हैं ।
हम इसे एक स्टोरीबोर्ड के साथ कैसे पूरा करते हैं जहां हम कैनवास पर एक यूआईवीयूवाई को खींच नहीं सकते हैं
जवाबों:
मुझे पता है कि यह सवाल आईओएस 5 के लिए था, लेकिन भविष्य के पाठकों के लाभ के लिए, ध्यान दें कि प्रभावी आईओएस 6 अब हम dequeueReusableHeaderFooterViewWithIdentifierइसके बजाय उपयोग कर सकते हैं dequeueReusableCellWithIdentifier।
तो viewDidLoad, registerNib:forHeaderFooterViewReuseIdentifier:या तो कॉल करें registerClass:forHeaderFooterViewReuseIdentifier:। फिर viewForHeaderInSection, कॉल करें tableView:dequeueReusableHeaderFooterViewWithIdentifier:। आप इस API के साथ एक सेल प्रोटोटाइप का उपयोग नहीं करते हैं (यह या तो NIB- आधारित दृश्य या प्रोग्रामेटिक रूप से बनाया गया दृश्य है), लेकिन यह हटाए गए हेडर और पाद के लिए नया API है।
बस अपने सेक्शन हेडर और / या पाद लेख के रूप में एक प्रोटोटाइप सेल का उपयोग करें।
tableView:viewForHeaderInSection:विधि या tableView:viewForFooterInSection:विधि[tableView dequeueReusableCellWithIdentifier:]हेडर प्राप्त करने के लिए उपयोग करेंtableView:heightForHeaderInSection:विधि लागू करें ।
-(UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
static NSString *CellIdentifier = @"SectionHeader";
UITableViewCell *headerView = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (headerView == nil){
[NSException raise:@"headerView == nil.." format:@"No cells with matching CellIdentifier loaded from your storyboard"];
}
return headerView;
} संपादित करें: शीर्ष लेख शीर्षक (टिप्पणी प्रश्न) को कैसे बदलें:
tableView:viewForHeaderInSection:विधि में कॉल करके लेबल प्राप्त करें: UILabel *label = (UILabel *)[headerView viewWithTag:123]; [label setText:@"New Title"];viewForHeaderInSection विधि में (किसी भी कस्टम यूआईवाईवाई को जोड़ने की आवश्यकता नहीं है)।
dequeueReusableHeaderFooterViewWithIdentifierपेश किया गया है, और अब इस उत्तर पर पसंद किया जाता है। लेकिन इसका सही तरीके से इस्तेमाल करने से अब और कदम उठाने होंगे। मेरे पास गाइड @ samwize.com/2015/11/06/… है ।
UITableViewCellहेडर दृश्य के रूप में कभी भी उपयोग न करें । आपको विज़ुअल ग्लिट्स को डीबग करना बहुत मुश्किल होगा - हेडर कभी-कभी गायब हो जाते हैं क्योंकि सेल कैसे ख़राब हो जाते हैं और आप घंटों देख रहे होंगे कि ऐसा क्यों होता है जब तक आपको एहसास UITableViewCellनहीं होता है कि UITableViewहेडर में नहीं है ।
IOS 6.0 और इसके बाद के संस्करण में, नई dequeueReusableHeaderFooterViewWithIdentifierएपीआई के साथ चीजें बदल गई हैं ।
मैंने एक गाइड लिखा है (आईओएस 9 पर परीक्षण किया गया है), जिसे इस तरह संक्षेप में प्रस्तुत किया जा सकता है:
UITableViewHeaderFooterViewviewDidLoadviewForHeaderInSectionऔर उपयोग dequeueReusableHeaderFooterViewWithIdentifierकरेंमैंने इसे स्टोरीबोर्ड में एक प्रोटोटाइप सेल का उपयोग करके iOS7 में काम किया। मेरे पास मेरे कस्टम सेक्शन के हेडर दृश्य में एक बटन है जो कि स्टोरीबोर्ड में स्थापित एक सेगमेंट को ट्रिगर करता है।
Tieme के समाधान के साथ शुरू करें
जैसा कि पेड्रोएम बताते हैं, इसके साथ समस्या यह है कि अनुभाग हेडर को टैप करने से अनुभाग का पहला सेल चयनित हो जाता है।
जैसा कि पॉल वॉन बताते हैं, यह पूरे सेल के बजाय सेल के contentView को वापस करके तय किया गया है।
हालाँकि, जैसा कि ऑनर्स बताते हैं, कहा जाता है कि सेक्शन हेडर पर एक लंबा प्रेस ऐप को क्रैश कर देगा।
इसका उपाय यह है कि contentView से किसी भी जेस्चर को पहचाना जाए।
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
static NSString *CellIdentifier = @"SectionHeader";
UITableViewCell *sectionHeaderView = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
while (sectionHeaderView.contentView.gestureRecognizers.count) {
[sectionHeaderView.contentView removeGestureRecognizer:[sectionHeaderView.contentView.gestureRecognizers objectAtIndex:0]];
}
return sectionHeaderView.contentView; }यदि आप अपने सेक्शन के हेडर दृश्यों में इशारों का उपयोग नहीं कर रहे हैं, तो यह थोड़ा हैक करने के लिए लगता है।
यदि आपको इसके स्विफ्ट कार्यान्वयन की आवश्यकता है तो स्वीकृत उत्तर पर निर्देशों का पालन करें और फिर आप में UITableViewController निम्नलिखित विधियों को लागू करें:
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableCell(withIdentifier: "CustomHeader")
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 75
}
मैं जिस समाधान के साथ आया था, मूल रूप से वही समाधान है जिसका उपयोग स्टोरीबोर्ड की शुरुआत से पहले किया गया था।
एक नई, खाली इंटरफ़ेस क्लास फ़ाइल बनाएँ। कैनवास पर एक UIView खींचें, वांछित के रूप में लेआउट।
निब को मैन्युअल रूप से लोड करें, व्यूफॉरहेडरइन्सेक्शन या व्यूफोरफुटेरइन्सेक्शन डेलिगेट मेथड्स में उपयुक्त हेडर / फुटर सेक्शन पर असाइन करें।
मुझे उम्मीद थी कि Apple ने स्टोरीबोर्ड के साथ इस परिदृश्य को सरल बनाया और एक बेहतर या सरल समाधान की तलाश में रहा। उदाहरण के लिए कस्टम टेबल हेडर और फुटर जोड़ने के लिए सीधे आगे हैं।
tableView:titleForHeaderInSection, जो एक-लाइनर है।
जब आप सेल की सामग्री लौटाते हैं तो आपको 2 समस्याएं होंगी:
viewForHeaderInSectionकॉल करने पर , आप नई सेल बना रहे हैं)उपाय:
तालिका शीर्ष लेख \ पाद लेख के लिए आवरण वर्ग। यह सिर्फ कंटेनर है UITableViewHeaderFooterView, जो विरासत में मिला है , जो सेल को अंदर रखता है
https://github.com/Magnat12/MGTableViewHeaderWrapperView.git
अपने UITableView में क्लास रजिस्टर करें (उदाहरण के लिए, viewDidLoad में)
- (void)viewDidLoad {
[super viewDidLoad];
[self.tableView registerClass:[MGTableViewHeaderWrapperView class] forHeaderFooterViewReuseIdentifier:@"ProfileEditSectionHeader"];
}आपके UITableViewDelegate में:
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
MGTableViewHeaderWrapperView *view = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"ProfileEditSectionHeader"];
// init your custom cell
ProfileEditSectionTitleTableCell *cell = (ProfileEditSectionTitleTableCell * ) view.cell;
if (!cell) {
cell = [tableView dequeueReusableCellWithIdentifier:@"ProfileEditSectionTitleTableCell"];
view.cell = cell;
}
// Do something with your cell
return view;
}मैं शीर्ष लेख / पाद लेख विचारों को आलसी बनाने के लिए निम्न कार्य करता था:
[NSNull null]मैं एक ऐसे परिदृश्य में परेशानी में पड़ा हूं, जहां हेडर को सभी उचित चरणों को करने के बावजूद कभी भी पुन: उपयोग नहीं किया गया था।
एक टिप नोट के रूप में हर कोई जो खाली वर्गों (0 पंक्तियों) को दिखाने की स्थिति को प्राप्त करना चाहता है, को चेतावनी दी जाती है कि:
dequeueReusableHeaderFooterViewWithIdentifier, हेडर का पुन: उपयोग नहीं करेगा, जब तक कि आप कम से कम पंक्ति में नहीं लौटते
आशा करता हूँ की ये काम करेगा
डेमन के सुझाव का पालन करने के लिए , यहां बताया गया है कि कैसे मैंने हेडर का चयन एक सामान्य संकेतक की तरह सामान्य पंक्ति के रूप में किया।
मैंने हेडर के प्रोटोटाइप सेल में UIButton (उपवर्ग नाम "ButtonWithArgument") से उप बटन जोड़ा और शीर्षक पाठ को हटा दिया (मूल शीर्षक "टेक्स्ट" शीर्षक पाठ में एक और UILabel है)
फिर बटन को पूरे हेडर दृश्य में सेट करें, और एवरियो की चाल के साथ एक प्रकटीकरण संकेतक जोड़ा
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
static NSString *CellIdentifier = @"PersonGroupHeader";
UITableViewCell *headerView = (UITableViewCell *) [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if(headerView == nil)
{
[NSException raise:@"headerView == nil, PersonGroupTableViewController" format:[NSString stringWithFormat:@"Storyboard does not have prototype cell with identifier %@",CellIdentifier]];
}
// https://stackoverflow.com/a/24044628/3075839
while(headerView.contentView.gestureRecognizers.count)
{
[headerView.contentView removeGestureRecognizer:[headerView.contentView.gestureRecognizers objectAtIndex:0]];
}
ButtonWithArgument *button = (ButtonWithArgument *)[headerView viewWithTag:4];
button.frame = headerView.bounds; // set tap area to entire header view
button.argument = [[NSNumber alloc] initWithInteger:section]; // from ButtonWithArguments subclass
[button addTarget:self action:@selector(headerViewTap:) forControlEvents:UIControlEventTouchUpInside];
// https://stackoverflow.com/a/20821178/3075839
UITableViewCell *disclosure = [[UITableViewCell alloc] init];
disclosure.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
disclosure.userInteractionEnabled = NO;
disclosure.frame = CGRectMake(button.bounds.origin.x + button.bounds.size.width - 20 - 5, // disclosure 20 px wide, right margin 5 px
(button.bounds.size.height - 20) / 2,
20,
20);
[button addSubview:disclosure];
// configure header title text
return headerView.contentView;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
return 35.0f;
}
-(void) headerViewTap:(UIGestureRecognizer *)gestureRecognizer;
{
NSLog(@"header tap");
NSInteger section = ((NSNumber *)sender.argument).integerValue;
// do something here
}ButtonWithArgument.h
#import <UIKit/UIKit.h>
@interface ButtonWithArgument : UIButton
@property (nonatomic, strong) NSObject *argument;
@endButtonWithArgument.m
#import "ButtonWithArgument.h"
@implementation ButtonWithArgument
@endआपको Tieme के समाधान को आधार के रूप में उपयोग करना चाहिए, लेकिन viewWithTag:अन्य फिशियल दृष्टिकोणों के बारे में भूल जाना चाहिए , इसके बजाय अपने हेडर को पुनः लोड करने का प्रयास करें (उस अनुभाग को पुनः लोड करके)।
इसलिए जब आप सभी फैंसी AutoLayoutसामान के साथ अपने कस्टम सेल-हेडर दृश्य को बैठ गए , तो बस इसे समाप्त करें और अपने सेट अप के बाद सामग्री दृश्य वापस करें, जैसे:
-(UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
static NSString *CellIdentifier = @"SectionHeader";
SettingsTableViewCell *sectionHeaderCell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
sectionHeaderCell.myPrettyLabel.text = @"Greetings";
sectionHeaderCell.contentView.backgroundColor = [UIColor whiteColor]; // don't leave this transparent
return sectionHeaderCell.contentView;
}
हेडर व्यू व्यू पर आधारित समाधान के बारे में क्या कहता है:
class myViewController: UIViewController {
var header: [UILabel] = myStringArray.map { (thisTitle: String) -> UILabel in
let headerView = UILabel()
headerView.text = thisTitle
return(headerView)
}
प्रतिनिधि में अगला:
extension myViewController: UITableViewDelegate {
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return(header[section])
}
}
में सेल जोड़ें StoryBoardऔर सेट करेंreuseidentified
कोड
class TP_TaskViewTableViewSectionHeader: UITableViewCell{
}
तथा
उपयोग:
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let header = tableView.dequeueReusableCell(withIdentifier: "header", for: IndexPath.init(row: 0, section: section))
return header
}
लेस्ज़लो जवाब के समान लेकिन आप टेबल कोशिकाओं और अनुभाग शीर्ष लेख सेल दोनों के लिए एक ही प्रोटोटाइप सेल का पुन: उपयोग कर सकते हैं। नीचे दिए गए पहले दो फ़ंक्शंस को अपने UIViewController subClass में जोड़ें
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let cell = tableView.dequeueReusableCell(withIdentifier: "DataCell") as! DataCell
cell.data1Label.text = "DATA KEY"
cell.data2Label.text = "DATA VALUE"
return cell
}
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 75
}
// Example of regular data cell dataDelegate to round out the example
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "DataCell", for: indexPath) as! PlayerCell
cell.data1Label.text = "\(dataList[indexPath.row].key)"
cell.data2Label.text = "\(dataList[indexPath.row].value)"
return cell
}
यहाँ स्विफ्ट में @Vitaliy Gozhenko का जवाब है ।
सारांशित करने के लिए आप एक UITableViewHeaderFooterView बनाएंगे जिसमें एक UITableViewCell होगा। यह UITableViewCell "dequeuable" होगा और आप इसे अपने स्टोरीबोर्ड में डिज़ाइन कर सकते हैं।
UITableViewHeaderFooterView वर्ग बनाएं
class CustomHeaderFooterView: UITableViewHeaderFooterView {
var cell : UITableViewCell? {
willSet {
cell?.removeFromSuperview()
}
didSet {
if let cell = cell {
cell.frame = self.bounds
cell.autoresizingMask = [UIViewAutoresizing.FlexibleHeight, UIViewAutoresizing.FlexibleWidth]
self.contentView.backgroundColor = UIColor .clearColor()
self.contentView .addSubview(cell)
}
}
}
अपने दृश्य में इस वर्ग के साथ अपने टेबलव्यू को प्लग करें
self.tableView.registerClass(CustomHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: "SECTION_ID")
जब एक अनुभाग हेडर के लिए पूछते हैं, तो एक CustomHeaderFooterView को हटा दें, और इसमें एक सेल डालें
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let view = self.tableView.dequeueReusableHeaderFooterViewWithIdentifier("SECTION_ID") as! CustomHeaderFooterView
if view.cell == nil {
let cell = self.tableView.dequeueReusableCellWithIdentifier("Cell")
view.cell = cell;
}
// Fill the cell with data here
return view;
}