Ios - Custom TableViewCell

1. UITableViewCell을 상속 받은 cocoa touch class 생성합니다.

이때 .xib 파일도 같이 생성합니다.(인터페이스 빌더와 같은 역할)

 

2. 인터페이스 빌더를 사용하듯이 .xib와 생성한 class 파일간에 IBOutlet, IBAction 생성하여 원하는 기능을 구현합니다.

단, 이 때 기본 UITableViewCell에 미리 정의된 프로퍼티인 textLabel, detailLabel, imageView, accessoryView와 다른 변수명을 사용하여 커스템셀 프로퍼티를 작성해주세요.

 

3. ViewDidLoad() 함수에 .xib파일의 이름으로 UINib인스턴스를 생성합니다. 생성한 UINib인스턴스와 Custom cell의 Identifier를 테이블뷰에 등록합니다.

        let nib = UINib(nibName: "CustomTableViewCell", bundle: nil)
        
        tableView.register(nib, forCellReuseIdentifier: "CustomTableViewCell")

 

4. 샐을 생성합니다. 이 때, Custom Cell의 타입으로 캐스팅을 꼭 해주어야합니다!

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        let cell = tableView.dequeueReusableCell(withIdentifier: "CustomTableViewCell", for: indexPath) as! DemoTableViewCell
        
        cell.titleLabel.text = models[indexPath.row]
        cell.cellImageView.backgroundColor = .green
        
        return cell
    }

 

5. 완료!