Hinzufügen von iOS UITableView HeaderView (kein Abschnittsheader)

Ich möchte eine Tabellenüberschrift (keine Abschnittsüberschriften) wie in der Kontakt-App hinzufügen, zum Beispiel:

genau so - ein Etikett neben einem Bild über der Tabelle.

Ich möchte, dass die Gesamtansicht scrollbar ist, damit ich diese nicht außerhalb der Tabelle platzieren kann.

Wie kann ich das machen?

UITableViewhat eine tableHeaderViewEigenschaft. Stellen Sie das auf die gewünschte Ansicht ein.

Verwenden Sie eine neue UIViewals Container, fügen Sie dieser neuen eine Textbeschriftung und eine Bildansicht hinzu und UIViewsetzen Sie tableHeaderViewsie dann auf die neue Ansicht.

Zum Beispiel in einem UITableViewController:

-(void)viewDidLoad
{
     // ...
     UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(XXX, YYY, XXX, YYY)];
     UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(XXX, YYY, XXX, YYY)];
     [headerView addSubview:imageView];
     UILabel *labelView = [[UILabel alloc] initWithFrame:CGRectMake(XXX, YYY, XXX, YYY)];
     [headerView addSubview:labelView];
     self.tableView.tableHeaderView = headerView;
     [imageView release];
     [labelView release];
     [headerView release];
     // ...
} 

Sie können es ziemlich einfach in Interface Builder tun. Erstellen Sie einfach eine Ansicht mit einer Tabelle und legen Sie eine weitere Ansicht auf der Tabelle ab. Dies wird zur Tabellenkopfansicht. Fügen Sie dieser Ansicht Ihre Beschriftungen und Ihr Bild hinzu. Die Ansichtshierarchie finden Sie im Bild unten.

In Swift :

override func viewDidLoad() {
    super.viewDidLoad()

    // We set the table view header.
    let cellTableViewHeader = tableView.dequeueReusableCellWithIdentifier(TableViewController.tableViewHeaderCustomCellIdentifier) as! UITableViewCell
    cellTableViewHeader.frame = CGRectMake(0, 0, self.tableView.bounds.width, self.heightCache[TableViewController.tableViewHeaderCustomCellIdentifier]!)
    self.tableView.tableHeaderView = cellTableViewHeader

    // We set the table view footer, just know that it will also remove extra cells from tableview.
    let cellTableViewFooter = tableView.dequeueReusableCellWithIdentifier(TableViewController.tableViewFooterCustomCellIdentifier) as! UITableViewCell
    cellTableViewFooter.frame = CGRectMake(0, 0, self.tableView.bounds.width, self.heightCache[TableViewController.tableViewFooterCustomCellIdentifier]!)
    self.tableView.tableFooterView = cellTableViewFooter
}

Sie können auch einfach NUR eine UIView im Interface Builder erstellen und ImageView und UILabel per Drag & Drop verschieben (damit sie wie Ihr gewünschter Header aussehen) und diese dann verwenden.

Sobald Ihr UIView so aussieht, wie Sie es auch möchten, können Sie es programmgesteuert über XIB initialisieren und zu Ihrem UITableView hinzufügen. Mit anderen Worten, Sie müssen die GESAMTE Tabelle in IB nicht entwerfen. Nur die Header-Ansicht (auf diese Weise kann die Header-Ansicht auch in anderen Tabellen wiederverwendet werden)

Zum Beispiel habe ich eine benutzerdefinierte UIView für einen meiner Tabellenheader. Die Ansicht wird von einer xib-Datei namens "CustomHeaderView" verwaltet und mit dem folgenden Code in meiner UITableViewController-Unterklasse in den Tabellenkopf geladen:

-(UIView *) customHeaderView {
    if (!customHeaderView) {
        [[NSBundle mainBundle] loadNibNamed:@"CustomHeaderView" owner:self options:nil];
    }

    return customHeaderView;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    // Set the CustomerHeaderView as the tables header view 
    self.tableView.tableHeaderView = self.customHeaderView;
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
    {

    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0,0,tableView.frame.size.width,30)];
    headerView.backgroundColor=[[UIColor redColor]colorWithAlphaComponent:0.5f];
    headerView.layer.borderColor=[UIColor blackColor].CGColor;
    headerView.layer.borderWidth=1.0f;

    UILabel *headerLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 5,100,20)];

    headerLabel.textAlignment = NSTextAlignmentRight;
    headerLabel.text = @"LeadCode ";
    //headerLabel.textColor=[UIColor whiteColor];
    headerLabel.backgroundColor = [UIColor clearColor];


    [headerView addSubview:headerLabel];

    UILabel *headerLabel1 = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, headerView.frame.size.width-120.0, headerView.frame.size.height)];

    headerLabel1.textAlignment = NSTextAlignmentRight;
    headerLabel1.text = @"LeadName";
    headerLabel.textColor=[UIColor whiteColor];
    headerLabel1.backgroundColor = [UIColor clearColor];

    [headerView addSubview:headerLabel1];

    return headerView;

}