Tôi muốn tùy chỉnh UITableViewtiêu đề cho mỗi phần. Cho đến nay, tôi đã thực hiện

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

UITabelViewDelegatephương pháp này . Những gì tôi muốn làm là để có được tiêu đề hiện tại cho mỗi phần và chỉ cần thêm UILabeldưới dạng một khung nhìn phụ.

Cho đến nay, tôi không thể thực hiện được điều đó. Bởi vì, tôi không thể tìm thấy bất cứ điều gì để có được tiêu đề phần mặc định. Câu hỏi đầu tiên, có cách nào để có được tiêu đề phần mặc định ?

Nếu không thể, tôi cần tạo chế độ xem vùng chứa, UIViewnhưng lần này tôi cần đặt màu nền mặc định, màu bóng, v.v. Bởi vì, nếu bạn nhìn kỹ vào tiêu đề của phần, nó đã được tùy chỉnh.

Làm cách nào tôi có thể nhận các giá trị mặc định này cho mỗi tiêu đề của phần?

Cảm ơn tất cả.

Bạn có thể thử điều này:

 -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, 18)];
    /* Create custom view to display section header... */
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, tableView.frame.size.width, 18)];
    [label setFont:[UIFont boldSystemFontOfSize:12]];
     NSString *string =[list objectAtIndex:section];
    /* Section header is in 0th index... */
    [label setText:string];
    [view addSubview:label];
    [view setBackgroundColor:[UIColor colorWithRed:166/255.0 green:177/255.0 blue:186/255.0 alpha:1.0]]; //your background color...
    return view;
}

Câu trả lời được chọn sử dụng tableView :viewForHeaderInSection:là chính xác.

Chỉ để chia sẻ một mẹo ở đây.

Nếu bạn đang sử dụng bảng phân cảnh / xib, thì bạn có thể tạo một ô nguyên mẫu khác và sử dụng nó cho "ô mục". Mã để định cấu hình tiêu đề tương tự như cách bạn định cấu hình cho các ô hàng.

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    static NSString *HeaderCellIdentifier = @"Header";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:HeaderCellIdentifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:HeaderCellIdentifier];
    }

    // Configure the cell title etc
    [self configureHeaderCell:cell inSection:section];

    return cell;
}

Phiên bản Swift của Lochana Tejas trả lời:

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let view = UIView(frame: CGRectMake(0, 0, tableView.frame.size.width, 18))
    let label = UILabel(frame: CGRectMake(10, 5, tableView.frame.size.width, 18))
    label.font = UIFont.systemFontOfSize(14)
    label.text = list.objectAtIndex(indexPath.row) as! String
    view.addSubview(label)
    view.backgroundColor = UIColor.grayColor() // Set your background color

    return view
}

Nếu bạn sử dụng chế độ xem tiêu đề mặc định, bạn chỉ có thể thay đổi văn bản trên đó bằng

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

Dành cho Swift:

override func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {

Nếu bạn muốn tùy chỉnh chế độ xem, bạn cần tự tạo một chế độ xem mới.

Tại sao không sử dụng UITableViewHeaderFooterView ?

Nếu headerInSection không hiển thị, có thể thử điều này.

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 45;
}

Điều này trả về một chiều cao cho tiêu đề của một phần nhất định.

Swift 3 phiên bản của lochana và estemendoza trả lời:

override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    let view = UIView(frame: CGRect(x:0, y:0, width:tableView.frame.size.width, height:18))
    let label = UILabel(frame: CGRect(x:10, y:5, width:tableView.frame.size.width, height:18))
    label.font = UIFont.systemFont(ofSize: 14)
    label.text = "This is a test";
    view.addSubview(label);
    view.backgroundColor = UIColor.gray;
    return view

}

Ngoài ra, hãy lưu ý rằng bạn C haveNG phải thực hiện:

override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 100;
}

Thử cái này......

override func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) 
{
    // Background view is at index 0, content view at index 1
    if let bgView = view.subviews[0] as? UIView
    {
        // do your stuff
    }

    view.layer.borderColor = UIColor.magentaColor().CGColor
    view.layer.borderWidth = 1
}

Các câu trả lời khác thực hiện tốt công việc tạo lại chế độ xem tiêu đề mặc định, nhưng thực tế không trả lời câu hỏi chính của bạn:

Có cách nào để có được tiêu đề phần mặc định?

Có một cách - chỉ cần thực hiện tableView:willDisplayHeaderView:forSection:trong đại biểu của bạn. Chế độ xem tiêu đề mặc định sẽ được chuyển vào tham số thứ hai và từ đó bạn có thể chuyển nó sang tham sốUITableViewHeaderFooterView rồi thêm / thay đổi các cuộc phỏng vấn theo ý muốn.

Obj-C

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    UITableViewHeaderFooterView *headerView = (UITableViewHeaderFooterView *)view;

    // Do whatever with the header view... e.g.
    // headerView.textLabel.textColor = [UIColor whiteColor]
}

Nhanh

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int)
{
    let headerView = view as! UITableViewHeaderFooterView

    // Do whatever with the header view... e.g.
    // headerView.textLabel?.textColor = UIColor.white
}

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    //put your values, this is part of my code
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 30.0f)];
    [view setBackgroundColor:[UIColor redColor]];
    UILabel *lbl = [[UILabel alloc] initWithFrame:CGRectMake(20, 5, 150, 20)];
    [lbl setFont:[UIFont systemFontOfSize:18]];
    [lbl setTextColor:[UIColor blueColor]];
    [view addSubview:lbl];

    [lbl setText:[NSString stringWithFormat:@"Section: %ld",(long)section]];

    return view;
}

Đây là giải pháp dễ nhất có thể. Đoạn mã sau có thể được sử dụng trực tiếp để tạo tiêu đề phần tùy chỉnh.

 -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    SectionHeaderTableViewCell *headerView = [tableView dequeueReusableCellWithIdentifier:@"sectionHeader"];

    //For creating a drop menu of rows from the section
    //==THIS IS JUST AN EXAMPLE. YOU CAN REMOVE THIS IF-ELSE.==
    if (![self.sectionCollapsedArray[section] boolValue])
    {
        headerView.imageView.image = [UIImage imageNamed:@"up_icon"];
    }
    else
    {
        headerView.imageView.image = [UIImage imageNamed:@"drop_icon"];
    }

    //For button action inside the custom cell
    headerView.dropButton.tag = section;
    [headerView.dropButton addTarget:self action:@selector(sectionTapped:) forControlEvents:UIControlEventTouchUpInside];

    //For removing long touch gestures.
    for (UIGestureRecognizer *recognizer in headerView.contentView.gestureRecognizers)
    {
        [headerView.contentView removeGestureRecognizer:recognizer];
        [headerView removeGestureRecognizer:recognizer];
    }

    return headerView.contentView;
}

LƯU Ý: MụcHeaderTableViewCell là một UITableViewCell tùy chỉnh được tạo trong Storyboard.

Nếu tôi là bạn, tôi sẽ tạo một phương thức trả về một UIView được cung cấp NSString để chứa. Ví dụ

+ (UIView *) sectionViewWithTitle:(NSString *)title;

Trong quá trình thực hiện phương thức này, hãy tạo một UIView, thêm một UILabel cho nó với các thuộc tính bạn muốn đặt và dĩ nhiên đặt tiêu đề của nó thành một cái đã cho.

@ samwize 'giải pháp trong Swift (vì vậy hãy ủng hộ anh ấy!). Rực rỡ sử dụng cùng một cơ chế tái chế cho các phần đầu trang / chân trang:

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let settingsHeaderSectionCell:SettingsHeaderSectionCell = self.dequeueReusableCell(withIdentifier: "SettingsHeaderSectionCell") as! SettingsHeaderSectionCell

    return settingsHeaderSectionCell
}

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if([view isKindOfClass:[UITableViewHeaderFooterView class]]){

        UITableViewHeaderFooterView *headerView = view;

        [[headerView textLabel] setTextColor:[UIColor colorWithHexString:@"666666"]];
        [[headerView textLabel] setFont:[UIFont fontWithName:@"fontname" size:10]];
    }
}

Nếu bạn muốn thay đổi phông chữ của nhãn văn bản trong tiêu đề phần của bạn, bạn muốn làm điều đó trong willDisplayHeaderView. Để đặt văn bản, bạn có thể thực hiện nó trong viewForHeaderInSection hoặc titleForHeaderInSection. Chúc may mắn!

Ví dụ đầy đủ 2019 để sao chép và dán

Đầu tiên đặt "Được nhóm" trên bảng phân cảnh: nó phải xảy ra vào thời điểm init, bạn không thể thực sự đặt nó sau, vì vậy việc ghi nhớ trên bảng phân cảnh sẽ dễ dàng hơn:

Kế tiếp,

Phải triển khai heightForHeaderInSection do lỗi của Apple.

func tableView(_ tableView: UITableView,
                   heightForHeaderInSection section: Int) -> CGFloat {
    return CGFloat(70.0)
}

Vẫn còn một lỗi của Apple - trong mười năm nay - nơi đơn giản là nó sẽ không hiển thị tiêu đề đầu tiên (tức là chỉ số 0) nếu bạn không có heightForHeaderInSection cuộc gọi.

Vì vậy, tableView.sectionHeaderHeight = 70đơn giản là không hoạt động, nó bị hỏng .

Đặt khung không đạt được gì:

Trong viewForHeaderInSection cần tạo một UIView ().

Sẽ là vô nghĩa / không đạt được gì nếu bạn UIView (khung ...) vì iOS chỉ đơn giản đặt kích thước của chế độ xem như được xác định bởi bảng.

Vì vậy, dòng đầu tiên viewForHeaderInSectionsẽ đơn giản let view = UIView()và đó là quan điểm bạn quay lại.

func tableView(_ tableView: UITableView,
                       viewForHeaderInSection section: Int) -> UIView? {
    let view = UIView()
    
    let l = UILabel()
    view.addSubview(l)
    l.bindEdgesToSuperview()
    l.backgroundColor = .systemOrange
    l.font = UIFont.systemFont(ofSize: 15)
    l.textColor = .yourClientsFavoriteColor
    
    switch section {
    case 0:
        l.text =  "First section on screen"
    case 1:
        l.text =  "Here's the second section"
    default:
        l.text =  ""
    }
    
    return view
}

Đó là nó - bất cứ điều gì khác là một sự lãng phí thời gian.

Một vấn đề "cầu kỳ" khác của Apple.

Tiện ích mở rộng tiện lợi được sử dụng ở trên là:

extension UIView {
    
    // incredibly useful:
    
    func bindEdgesToSuperview() {
        
        guard let s = superview else {
            preconditionFailure("`superview` nil in bindEdgesToSuperview")
        }
        
        translatesAutoresizingMaskIntoConstraints = false
        leadingAnchor.constraint(equalTo: s.leadingAnchor).isActive = true
        trailingAnchor.constraint(equalTo: s.trailingAnchor).isActive = true
        topAnchor.constraint(equalTo: s.topAnchor).isActive = true
        bottomAnchor.constraint(equalTo: s.bottomAnchor).isActive = true
    }
}

Tuyệt vời thêm tiêu đề xem bảng trong swift

Gần đây tôi đã thử điều này.

Tôi cần một và chỉ một tiêu đề trong toàn bộ UITableView.

Giống như tôi muốn có một UIImageView trên đỉnh của TableView. Vì vậy, tôi đã thêm một UIImageView trên đầu UITableViewCell và tự động nó được thêm dưới dạng bảngViewHeader. Bây giờ tôi kết nối ImageView với ViewContoder và thêm Image.

Tôi đã bối rối vì lần đầu tiên tôi đã làm một cái gì đó như thế này. Vì vậy, để xóa sự nhầm lẫn của tôi, hãy mở định dạng xml của MainStoryBoard và tìm thấy Chế độ xem hình ảnh đã được thêm làm tiêu đề.

Nó làm việc cho tôi. Cảm ơn xCode và nhanh chóng.

gọi phương thức đại biểu này

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{

return @"Some Title";
}

điều này sẽ tạo cơ hội để tự động thêm tiêu đề mặc định với tiêu đề động.

Bạn có thể sử dụng tiêu đề / chân trang có thể tái sử dụng và tùy chỉnh.

https://github.com/sourov2008/UITableViewCustomHeaderFooterSection

swif 4.2

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    guard let header = view as? UITableViewHeaderFooterView else { return }

    header.textLabel?.textAlignment = .center // for all sections

    switch section {
    case 1:  //only section No.1
        header.textLabel?.textColor = .black
    case 3:  //only section No.3
        header.textLabel?.textColor = .red
    default: //
        header.textLabel?.textColor = .yellow
    }
}

bên cạnh titleForHeaderInSection, bạn chỉ cần thay đổi chế độ xem của tiêu đề, chân trang. kiểm tra nhận xét của tôi ở đây: Thay đổi phần nền UITable mà không mất phần Tiêu đề

Nếu bạn chỉ muốn thêm tiêu đề vào tiêu đề bảngView, đừng thêm chế độ xem. Trong swift 3.x mã đi như thế này:

override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    var lblStr = ""
    if section == 0 {
        lblStr = "Some String 1"
    }
    else if section == 1{
        lblStr = "Some String 2"
    }
    else{
        lblStr = "Some String 3"
    }
    return lblStr
}

Bạn có thể triển khai một mảng để lấy tiêu đề cho các tiêu đề.

Quay trở lại câu hỏi ban đầu (4 năm sau), thay vì xây dựng lại tiêu đề phần của riêng bạn, iOS có thể chỉ cần gọi cho bạn (với willDisplayHeaderView: forSection :) ngay sau khi được xây dựng mặc định. Ví dụ: tôi muốn thêm một nút biểu đồ ở cạnh phải của tiêu đề phần:

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section {
    UITableViewHeaderFooterView * header = (UITableViewHeaderFooterView *) view;
    if (header.contentView.subviews.count >  0) return; //in case of reuse
    CGFloat rightEdge = CGRectGetMaxX(header.contentView.bounds);
    UIButton * button = [[UIButton alloc] initWithFrame:CGRectMake(rightEdge - 44, 0, 44, CGRectGetMaxY(header.contentView.bounds))];
    [button setBackgroundImage:[UIImage imageNamed:@"graphIcon"] forState:UIControlStateNormal];
    [button addTarget:self action:@selector(graphButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
    [view addSubview:button];
}

Sử dụng tableView: willDisplayHeaderView:để tùy chỉnh chế độ xem khi nó sắp được hiển thị.

Điều này mang lại cho bạn lợi thế là có thể lấy chế độ xem đã được tạo cho chế độ xem tiêu đề và mở rộng nó, thay vì phải tự tạo lại toàn bộ chế độ xem tiêu đề.

Dưới đây là một ví dụ tô màu phần tiêu đề dựa trên BOOL và thêm phần tử văn bản chi tiết vào tiêu đề.

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
//    view.tintColor = [UIColor colorWithWhite:0.825 alpha:1.0]; // gray
//    view.tintColor = [UIColor colorWithRed:0.825 green:0.725 blue:0.725 alpha:1.0]; // reddish
//    view.tintColor = [UIColor colorWithRed:0.925 green:0.725 blue:0.725 alpha:1.0]; // pink

    // Conditionally tint the header view
    BOOL isMyThingOnOrOff = [self isMyThingOnOrOff];

    if (isMyThingOnOrOff) {
        view.tintColor = [UIColor colorWithRed:0.725 green:0.925 blue:0.725 alpha:1.0];
    } else {
        view.tintColor = [UIColor colorWithRed:0.925 green:0.725 blue:0.725 alpha:1.0];
    }

    /* Add a detail text label (which has its own view to the section header… */
    CGFloat xOrigin = 100; // arbitrary
    CGFloat hInset = 20;
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(xOrigin + hInset, 5, tableView.frame.size.width - xOrigin - (hInset * 2), 22)];

    label.textAlignment = NSTextAlignmentRight;

    [label setFont:[UIFont fontWithName:@"Helvetica-Bold" size:14.0]
    label.text = @"Hi.  I'm the detail text";

    [view addSubview:label];
}

Swift 4.2

Trong Swift 4.2, tên của bảng có một chút thay đổi.

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let view = UIView(frame: CGRect(x: 0, y: 0, width: tableView.frame.size.width, height: 18))
        let label = UILabel(frame: CGRect(x: 10, y: 5, width: tableView.frame.size.width, height: 18))
        label.font = UIFont.systemFont(ofSize: 14)
        label.text = list.objectAtIndex(section) as! String
        view.addSubview(label)
        view.backgroundColor = UIColor.gray // Set your background color

        return view
    }