[iOS/Swift] UITableView Header 높이 업데이트 하기

• 스크롤 시 UITableView Header를 고정 시킬 수가 있는데 헤더에 있는 버튼을 눌러 헤더의 높이를 변경하고 싶은 경우
• ex) 헤더 버튼 누르면 검색 영역 노출

 

• UITableViewHeaderFooterView 에 높이 업데이트 하는 코드 작성

    func toggleHeight() {
        containerView.snp.updateConstraints { make in
            make.height.equalTo(searchButton.tag).priority(.high)
        }
    }

 

• header 지정하는 Delegate에서 헤더의 버튼에 addTarget 해줌
• 이때 연결한 함수는 updateHeader

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let cell = tableView.dequeueReusableHeaderFooterView(withIdentifier: "TransactionHeaderView") as? TransactionHeaderView
        cell?.searchButton.addTarget(self, action: #selector(updateHeader), for: .touchUpInside)
        return cell
    }

 

• target으로 지정해 준 updateHeader 에서 헤더를 찾아 줌

    @objc func updateHeader() {
        let header = tableView.headerView(forSection: 0) as? TransactionHeaderView
    }

 

• 테이블 뷰 업데이트시 beginUpdates -> endUpdates 해줌
• updateHeader 함수에 아래 코드 추가

        if let header = header {
            tableView.beginUpdates()
            header.toggleHeight()
            tableView.endUpdates()
        }

• 헤더 뷰 클래스에서 작성한 높이 업데이트 함수를 호출

 

>>> 문제가 있거나 더 좋은 방법이 있다면 댓글로 공유 부탁드려요!!