Özel Tablo Görünümü Bölüm Üstbilgilerini ve Altbilgilerini Storyboard ile Uygulama

Bir film şeridi kullanmadan UIView, tuvali üzerine sürükleyebilir , yerleştirebilir ve sonra tableView:viewForHeaderInSectionveya tableView:viewForFooterInSectiontemsilci yöntemlerine yerleştirebiliriz.

Bunu bir UIView'i tuval üzerine sürükleyemediğimiz bir StoryBoard ile nasıl başarabiliriz?

Bu sorunun iOS 5 için olduğunu biliyorum, ancak gelecekteki okuyucuların yararına, şimdi dequeueReusableHeaderFooterViewWithIdentifieryerine etkili iOS 6 kullanabileceğimizi unutmayın dequeueReusableCellWithIdentifier.

Yani viewDidLoad, ya registerNib:forHeaderFooterViewReuseIdentifier:ya arayın registerClass:forHeaderFooterViewReuseIdentifier:. Ardından viewForHeaderInSection, arayın tableView:dequeueReusableHeaderFooterViewWithIdentifier:. Bu API ile hücre prototipi kullanmıyorsunuz (NIB tabanlı görünüm veya programlı olarak oluşturulmuş görünüm), ancak bu, atanmamış üstbilgiler ve altbilgiler için yeni API'dir.

Bölüm başlığınız ve / veya altbilginiz olarak bir prototip hücre kullanın.

• fazladan bir hücre ekleyin ve istediğiniz öğeleri içine koyun.
• tanımlayıcıyı belirli bir şeye ayarla (benim durumumda SectionHeader)
• uygulama tableView:viewForHeaderInSection:yöntemi veya tableView:viewForFooterInSection:yöntem
• [tableView dequeueReusableCellWithIdentifier:]başlığı almak için kullan
• tableView:heightForHeaderInSection:yöntemi uygular .

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

Düzenleme: Başlık başlığı nasıl değiştirilir (yorumlanmış soru):

1. Başlık hücresine etiket ekleme
2. etiketin etiketini belirli bir sayıya ayarlayın (ör. 123)
3. Senin içinde tableView:viewForHeaderInSection:yöntemle arayarak etiketi almak:

    UILabel *label = (UILabel *)[headerView viewWithTag:123]; 

4. Artık yeni bir başlık ayarlamak için etiketi kullanabilirsiniz:

    [label setText:@"New Title"];

İOS 6.0 ve sonraki sürümlerde, yeni dequeueReusableHeaderFooterViewWithIdentifierAPI ile işler değişti .

Ben şöyle özetlenebilir bir rehber (iOS 9 üzerinde test edilmiştir) yazdım :

1. Alt sınıf UITableViewHeaderFooterView
2. Alt sınıf görünümü ile Uç oluşturun ve üstbilgi / altbilgideki diğer tüm görünümleri içeren 1 kapsayıcı görünümü ekleyin
3. Ucu kaydet viewDidLoad
4. Üstbilgi / altbilgiyi geri almak için uygulayın viewForHeaderInSectionve kullanındequeueReusableHeaderFooterViewWithIdentifier

Film şeridinde bir prototip hücre kullanarak iOS7'de çalıştım. Özel bölüm başlığı görünümünde, film şeridinde ayarlanmış bir segri tetikleyen bir düğme var.

Tieme'nin çözümü ile başlayın

Pedro.m'nin belirttiği gibi, bununla ilgili sorun, bölüm başlığına dokunduğunuzda bölümdeki ilk hücrenin seçilmesine neden olmasıdır.

Paul Von'un işaret ettiği gibi, bu, hücrenin tamamı yerine hücrenin contentView değerini döndürerek giderildi.

Ancak, Hons'un işaret ettiği gibi, söz konusu bölüm başlığına uzun bir basış uygulamayı çökertecektir.

Çözüm, herhangi bir motionRecognizers'ı contentView öğesinden kaldırmaktır.

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

Bölüm başlığı görünümlerinizde hareketleri kullanmıyorsanız, bu küçük kesmek bunu başarıyor gibi görünüyor.

Film şeridi kullanıyorsanız, başlık görünümünüzü düzenlemek için tablo görünümünde bir prototip hücre kullanabilirsiniz. Benzersiz bir kimlik ayarlayın ve viewForHeaderInSection, bu kimlikle hücreyi ayıklayabilir ve bir UIView öğesine atabilirsiniz.

Bunun bir Hızlı Uygulamasına ihtiyacınız varsa, kabul edilen yanıttaki talimatları izleyin ve ardından UITableViewController'da aşağıdaki yöntemleri uygulayın:

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
}

Geldiğim çözüm, film şeridi tanıtımından önce kullanılan çözümle aynı.

Yeni, boş bir arabirim sınıfı dosyası oluşturun. Bir UIView'i tuvale sürükleyin, istediğiniz şekilde düzenleyin.

Ucu elle yükleyin, viewForHeaderInSection veya viewForFooterInSection temsilci yöntemlerinde uygun üstbilgi / altbilgi bölümüne atayın.

Apple'ın bu senaryoyu storyboardlarla basitleştirmesini ve daha iyi veya daha basit bir çözüm aramaya devam etmesini umdum. Örneğin, özel tablo üstbilgileri ve altbilgileri eklenmesi kolaydır.

Hücrenin contentView öğesini döndürdüğünüzde 2 sorun yaşarsınız:

1. jestlerle ilgili çökme
2. contentView'u yeniden kullanmıyorsunuz (her viewForHeaderInSectiongörüşmede yeni hücre oluşturuyorsunuz)

Çözüm:

Tablo üstbilgisi \ altbilgisi için sarmalayıcı sınıfı. UITableViewHeaderFooterViewHücreyi içinde tutan sadece miras alınan konteynerdir.

https://github.com/Magnat12/MGTableViewHeaderWrapperView.git

Sınıfı UITableView'ınıza kaydedin (örneğin, viewDidLoad'da)

- (void)viewDidLoad {
    [super viewDidLoad];
    [self.tableView registerClass:[MGTableViewHeaderWrapperView class] forHeaderFooterViewReuseIdentifier:@"ProfileEditSectionHeader"];
}

UITableViewDelegate'inizde:

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

Tembel olarak üstbilgi / altbilgi görünümleri oluşturmak için aşağıdakileri yapardım:

• Film şeridine bölüm üstbilgisi / altbilgisi için serbest biçimli görünüm denetleyicisi ekleme
• Görünüm denetleyicisindeki başlık için her şeyi işleme
• Tablo görünümü denetleyicisinde yeniden doldurulmuş bölüm üstbilgileri / altbilgileri için değiştirilebilir bir görünüm denetleyicileri dizisi sağlayın [NSNull null]
• ViewForHeaderInSection / viewForFooterInSection öğesinde, görünüm denetleyicisi henüz yoksa, instantiateViewControllerWithIdentifier hikaye tahtalarıyla oluşturun, dizide hatırlayın ve görünüm denetleyicileri görünümüne dönün

Header'ın tüm uygun adımları gerçekleştirse bile asla yeniden kullanılmadığı bir senaryo içinde sorun yaşadım.

Boş bölümleri (0 satır) gösterme durumunu elde etmek isteyen herkese bir ipucu notu olarak uyarınız:

dequeueReusableHeaderFooterViewWithIdentifier, en az bir satır dönene kadar üstbilgiyi yeniden kullanmayacak

Umarım yardımcı olur

Damon'un önerisini takip etmek , açıklama göstergesine sahip normal bir satır gibi başlığı nasıl seçilebilir hale getirdim.

Başlığın prototip hücresine UIButton (alt sınıf adı "ButtonWithArgument") alt sınıfı bir Düğme ekledim ve başlık metnini sildim (kalın "Başlık" metni prototip hücresindeki başka bir UILabel)

daha sonra Düğmeyi tüm başlık görünümüne ayarlayın ve Avario'nun hilesi ile bir açıklama göstergesi ekledi

- (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;
@end

ButtonWithArgument.m

#import "ButtonWithArgument.h"
@implementation ButtonWithArgument
@end

Tieme'nin çözümünü bir üs olarak kullanmalısınız, ancakviewWithTag: ve diğer balık yaklaşımlarını , bunun yerine başlığınızı yeniden yüklemeyi deneyin (bu bölümü yeniden ).

Bu nedenle, özel hücre başlığı görünümünüzü tüm süslü AutoLayoutşeylerle oturttuktan sonra, aykırıp içeriğe geri dönün.

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

Başlığın bir görünüm dizisine dayandığı bir çözüm ne olacak?

class myViewController: UIViewController {
    var header: [UILabel] = myStringArray.map { (thisTitle: String) -> UILabel in
        let headerView = UILabel()
            headerView.text = thisTitle
    return(headerView)
}

Delege içerisinde bir sonraki:

extension myViewController: UITableViewDelegate {
    func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        return(header[section])
    }
}

1. Hücre ekle StoryBoardve ayarlareuseidentified

   

2. kod

   class TP_TaskViewTableViewSectionHeader: UITableViewCell{
   }
   

   ve

   

3. kullanın:

   func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
       let header = tableView.dequeueReusableCell(withIdentifier: "header", for: IndexPath.init(row: 0, section: section))
       return header
   }
   

Laszlo cevabına benzer ancak aynı prototip hücresini hem tablo hücreleri hem de bölüm başlığı hücresi için tekrar kullanabilirsiniz. Aşağıdaki ilk iki işlevi UIViewController alt sınıfınıza ekleyin

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
}

İşte Swift'te @Vitaliy Gozhenko'nun cevabı .
Özetlemek gerekirse, bir UITableViewCell içeren bir UITableViewHeaderFooterView oluşturacaksınız. Bu UITableViewCell "dequeuable" olacaktır ve film şeridinde tasarlayabilirsiniz.

1. UITableViewHeaderFooterView sınıfı oluşturma

   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)
           }
       }
   }
   

2. ViewDidLoad işlevinizde tablo görünümünüzü bu sınıfa takın:

   self.tableView.registerClass(CustomHeaderFooterView.self, forHeaderFooterViewReuseIdentifier: "SECTION_ID")
   

3. Bir bölüm üstbilgisi için sorulduğunda, CustomHeaderFooterView işlevini ayıklayın ve içine bir hücre ekleyin

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