Aggiunta di iOS UITableView HeaderView (non intestazione di sezione)

Voglio aggiungere un'intestazione di tabella (non le intestazioni di sezione) come nell'app dei contatti, ad esempio:

esattamente così - un'etichetta accanto a un'immagine sopra il tavolo.

Voglio che tutte le viste siano scorrevoli in modo da non poterle posizionare al di fuori del tavolo.

Come lo posso fare?

UITableViewha una tableHeaderViewproprietà. Impostalo sulla vista che vuoi lassù.

Usa un nuovo UIViewcome contenitore, aggiungi un'etichetta di testo e una vista immagine a quella nuova UIView, quindi imposta tableHeaderViewla nuova vista.

Ad esempio, in a 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];
     // ...
} 

Puoi farlo abbastanza facilmente in Interface Builder. Basta creare una vista con una tabella e rilasciare un'altra vista sulla tabella. Questa diventerà la vista dell'intestazione della tabella. Aggiungi le etichette e l'immagine a quella vista. Vedi l'immagine qui sotto per la gerarchia della vista.

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
}

Puoi anche semplicemente creare SOLO un UIView nel generatore di interfacce e trascinare ImageView e UILabel (per farlo sembrare l'intestazione desiderata) e quindi usarlo.

Una volta che UIView assomiglia anche a quello che desideri, puoi inizializzarlo a livello di codice da XIB e aggiungerlo a UITableView. In altre parole, non è necessario progettare la tabella INTERA in IB. Solo headerView (in questo modo la vista header può essere riutilizzata anche in altre tabelle)

Ad esempio, ho una UIView personalizzata per una delle intestazioni della mia tabella. La vista è gestita da un file xib chiamato "CustomHeaderView" e viene caricata nell'intestazione della tabella usando il seguente codice nella mia sottoclasse UITableViewController:

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

}