Thêm HeaderView iOS UITableView (không phải tiêu đề phần)

Tôi muốn thêm tiêu đề bảng (không phải tiêu đề phần) như trong ứng dụng danh bạ chẳng hạn:

chính xác như thế - một nhãn bên cạnh một hình ảnh phía trên bảng.

Tôi muốn tất cả các chế độ xem có thể cuộn để tôi không thể đặt những cái đó bên ngoài bàn.

Làm thế nào tôi có thể làm điều đó?

UITableViewcó một tableHeaderViewtài sản. Đặt nó vào bất cứ chế độ xem nào bạn muốn ở đó.

Sử dụng một cái mới UIViewnhư một thùng chứa, thêm nhãn văn bản và chế độ xem hình ảnh vào cái mới UIViewđó, sau đó đặttableHeaderView chế độ xem mới.

Ví dụ: trong một 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];
     // ...
} 

Bạn có thể làm điều đó khá dễ dàng trong Interface Builder. Chỉ cần tạo một khung nhìn với một bảng và thả một khung nhìn khác vào bảng. Điều này sẽ trở thành chế độ xem tiêu đề bảng. Thêm nhãn và hình ảnh của bạn để xem. Xem pic dưới đây để phân cấp xem.

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

Bạn cũng có thể chỉ cần tạo CHỈ một UIView trong Trình tạo giao diện và kéo và thả ImageView và UILabel (để làm cho nó trông giống như tiêu đề mong muốn của bạn) và sau đó sử dụng nó.

Khi UIView của bạn trông giống như cách bạn muốn, bạn có thể lập trình khởi tạo nó từ XIB và thêm vào UITableView của bạn. Nói cách khác, bạn không phải thiết kế bảng ENTIRE trong IB. Chỉ tiêu đề Xem (cách này cũng có thể được sử dụng lại trong các bảng khác)

Ví dụ: tôi có một UIView tùy chỉnh cho một trong các tiêu đề bảng của mình. Khung nhìn được quản lý bởi một tệp xib có tên "CustomHeaderView" và nó được tải vào tiêu đề bảng bằng mã sau trong lớp con UITableViewControll của tôi:

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

}