IOS

[ios/swift] xib를 이용한 tableview custom cell

hyukji 2022. 12. 21. 01:00

2022.12.03 - [IOS] - [IOS] UITableView(2)

 

[IOS] UITableView(2)

UITableView 2022.12.02 - [IOS] - [IOS] UITableView(1) - UITableView의 기본 구조와 개념 [IOS] UITableView(1) - UITableView의 기본 구조와 개념 UITableView https://developer.apple.com/documentation/uikit/uitableview Apple Developer Documentati

hyukji.tistory.com

 

이전에 기본적인 tableView만드는 과정을 포스팅한 적이 있다. 이때 cell은 basic style을 사용했다. 이번에는 xib파일을 이용해 custom한 tableView를 만들어 보고자 한다!

 

먼저 cocoaTouch를 이용해 UITableViewController를 만들어 주고 데이터를 넣어주자.

 

 

이제 우리가 custom할 cell를 만들 것인데 이때, xib를 이용하기 위해서는 "Also create XIB file"를 선택해 주어야 한다!

 

그러면 Swift파일과 xib파일 두 개가 생성이 될 것이다. 이제 xib에서 스토리보드에서 하듯이 cell를 커스텀 해보자! 필자는 2개의 label과 switch를 이용해 다음과 같이 custom했다.

 

이제 tableViewController로 돌아온 후에 다음 코드 두 줄을 추가해주자

 

 

그렇다면 이제 custom할 준비는 끝났다. 이전 포스팅과 같이 datasource와 delegate 의 매서드를 사용해 tableView를 완성해 주면 된다. 이전과 다른 점은 ViewController가 아닌 TableViewController이기 때문에 datasource와 delegate를 상속하는 과정이 별도로 필요하지 않다!

 

 

 

 

 

이전과 겹치는 부분이 많아 간략하게 작성했다.