Swift - cách tạo tiêu đề tùy chỉnh cho UITableView?

Question

Tôi cần thêm tiêu đề tùy chỉnh để bàn của tôi

tôi cố gắng này

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: 20, y: 20, width: 50, height: 50)) 
    label.text = "TEST TEXT" 
    label.textColor = UIColor.whiteColor() 

    self.view.addSubview(view) 

    return view 
} 

nhưng điều này không làm việc, tôi thấy không có gì trên bàn

Tôi đang làm gì sai? Hoặc có thể có một cách khác?

Answer 1

Bạn có thiết lập chiều cao tiêu đề phần trong viewDidLoad?

self.tableView.sectionHeaderHeight = 70 

Thêm vào đó bạn nên thay thế

self.view.addSubview(view) 

bởi

view.addSubview(label) 

Cuối cùng, bạn phải kiểm tra khung của bạn

let view = UIView(frame: CGRect.zeroRect) 

và cuối cùng là màu văn bản mong muốn vì nó dường như hiện tại là màu trắng trên nền trắng.

Answer 2

thêm label để subview tùy chỉnh view, không cần self.view.addSubview(view), vì viewForHeaderInSection bù lại UIView

view.addSubview(label) 

Answer 3

Nếu bạn đang sử dụng ô tùy chỉnh làm tiêu đề, hãy thêm phần sau.

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

     let headerView = UIView() 
     let headerCell = tableView.dequeueReusableCell(withIdentifier: "customTableCell") as! CustomTableCell 
     headerView.addSubview(headerCell) 
     return headerView 
    } 

Nếu bạn muốn có chế độ xem đơn giản, hãy thêm phần sau đây.

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
let headerView:UIView = UIView() 
    return headerView 
} 

Answer 4

Nếu bạn sẵn sàng để sử dụng tiêu đề bảng tùy chỉnh như tiêu đề bảng, hãy thử các sau ....

cập nhật cho nhanh 3,0

Bước 1

Tạo UITableViewHeaderFooterView cho tiêu đề tùy chỉnh ..

import UIKit 

class MapTableHeaderView: UITableViewHeaderFooterView { 

    @IBOutlet weak var testView: UIView! 

} 

Bước 2

Thêm tiêu đề tùy chỉnh để UITableView

override func viewDidLoad() { 
      super.viewDidLoad() 

      tableView.delegate = self 
      tableView.dataSource = self 

      //register the header view 

      let nibName = UINib(nibName: "CustomHeaderView", bundle: nil) 
      self.tableView.register(nibName, forHeaderFooterViewReuseIdentifier: "CustomHeaderView") 


    } 

    extension BranchViewController : UITableViewDelegate{ 

    } 

    extension BranchViewController : UITableViewDataSource{ 

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

     func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
      let headerView = self.tableView.dequeueReusableHeaderFooterView(withIdentifier: "CustomHeaderView") as! MapTableHeaderView 

      return headerView 
     } 

     func tableView(_ tableView: UITableView, numberOfRowsInSection section: 

    Int) -> Int { 
      // retuen no of rows in sections 
     } 

     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
      // retuen your custom cells  
     } 

     func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { 

     } 

     func numberOfSections(in tableView: UITableView) -> Int { 
      // retuen no of sections 
     } 

     func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { 
      // retuen height of row 
     } 


    } 

Answer 5

này làm việc cho tôi - Swift 3

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

     let headerCell = tableView.dequeueReusableCell(withIdentifier: "customTableCell") as! CustomTableCell 
     return headerCell 
    }