[iOS] 커스텀 UITableViewCell 만들기 및 하나의 테이블뷰에 여러개의 셀 보여주기

오늘 해볼것은 커스텀 테이블뷰 셀을 만들고 하나의 테이블뷰에 여러개의 셀을 등록하고 따로 보여주는 방법을 배워보자

커스텀 셀을 만드는 방법은 여러가지가 있는데 가장 쉬운 방법은 저번에 사용했던 스토리보드의 테이블뷰에서 Prototype Cells로 cell을 만드는 것이다.

 

또 다른 방법으로는 인터페이스 빌더로 만든뒤 tableView 커스텀 셀을 등록하는 것이다

XIB 파일을 같이 만들면 내가 설정한 이름의 커스텀클래스와 연결된 셀을 보여준다. 간단한 라벨을 추가한뒤 identifier도 설정해주자

 

이렇게되면 커스텀셀은 완성하였고 이제 tableView에게 내가 만든 커스텀셀을 알려주어야 한다. tableView.register로 내가 만든 셀을 등록할 수 있다.

우리는 xib파일로 셀을 만들었기 때문에 tableView.register(nib: UINib?, forCellReuseIdentifier: String) 함수를 사용하여야 한다 xib파일 명을 FirstTableViewCell로 설정했고 셀의 identifier도 FirstTableViewCell로 설정했기 때문에

tableView.register(UINib(nibName: "FirstTableViewCell", bundle: nil), forCellReuseIdentifier: "FirstTableViewCell")로 설정해주면 된다

 

xib파일의 이름과 identifier의 이름만 제대로 알려주면 오류가 나지 않으니 주의하자

 

이제 cellForRowAt에서 커스텀 셀을 그려보자

 

잘 나오는것을 확인할 수 있다. 여러개의 커스텀 셀을 추가할수도 있는데 똑같은 방법으로 하면된다.

하나의 테이블뷰에 여러개의 셀을 보여줄수도 있다

 

1. UITableViewCell을 상속받은 커스텀셀을 xib파일과 같이 생성

2. xib파일의 셀에서 identifier 설정

3. 인터페이스빌더로 만든 UI와 클래스와 연결

4. tableView에 등록 cellForRowAt에 몇번째 행에 어떤셀을 그릴건지 설정

이런식으로 하나의 테이블뷰에 여러개의 셀을 보여줄 수 있다.