[Swift] TableView Header 만들기

연습용으로 프로젝트를 만들다가, 헤더뷰를 만드는 방법을 알아보면서 적어보고있어요.

TableView의 Header를 코드로 만들어 보겠습니다.

 

수정이 필요한 부분이 있다면 언제든지 댓글로 남겨주세요!

 

---

이번에 만들 헤더는..!

이번에 만들 헤더는 “시원한 맥주마시고 싶어요” 부분 입니다.

 

요즘 찾아보기 힘든 제가 가장 좋아하는 맥주..

 

 

코드에 설명을 기재해 두었습니다!

class BeerListViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView?.delegate = self
        tableView?.dataSource = self
        //MARK: - tableView 구성
        let tableViewHeader = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 100.0, height: 50.0))
        tableViewHeader.backgroundColor = .black // 헤더뷰 컬러지정

    // 헤더뷰에 넣을 라벨 초기화하기
        // 라벨 크기 및 위치 초기화
        let headerLabel = UILabel(frame: CGRect(x: 10.0, y: 10.0, width: 200, height: 20))
        // 텍스트 정렬 (좌우 정렬)
        headerLabel.textAlignment = .left
        // 텍스트 컬러
        headerLabel.textColor = UIColor(ciColor: .white)
        // 텍스트 만들기
        let headerText = "시원한 맥주마시고 싶어요"
        // 라벨에 텍스트 반영하기
        headerLabel.text = headerText

        // 헤더뷰에 라벨 추가하기
        tableViewHeader.addSubview(headerLabel)
        // 테이블뷰에 라벨 적용하기.
        tableView?.tableHeaderView = tableViewHeader
    }
  }