UITableView - .xib 파일을 활용한 커스텀 셀 만들기
UIVIewTable에서 커스텀 셀 사용방법 정리
.xib 파일 생성
- 새파일 생성- cocoa touch class 생성 -> .xib파일 생성 옵션 체크, subclass tableviewcell로 지정
- xib 파일과 그와 짝인 swift 파일 생성됨
.xib 파일 수정
- xib 파일에 uiview, uiImageView, label과 같은 요소 추가. 오토레이아웃으로 정렬. stackView 사용도 좋음
xib 파일에서 assistant view를 켜면 그와 짝인 cell.swift 파일이 뜬다
.xib 파일 요소를 .swift에 등록
- cell.swift파일에 IBOutlet으로 xib파일의 각 요소 등록 -> 이 때 등록/연결된 것으로 요소별 내용을 수정할 수 있게 해준다(라벨 내용 수정 등)
Document Outline에서 ctrl+drag&drop으로 연결하면 편리하다.
UITableView 관련 수정
- UITableView가 생성된 ViewController에 xib 파일 연결
- viewTable.register(UINib(nibName: K.cellNibName, bundle: nil), forCellReuseIdentifier: K.cellIdentifier)
이때, xib파일의 디자인 identifier를 활용해 연결한다. K.celldentifier
- DataSource delegate에서 리유저블 셀을 형변환 시켜준다.
as! MessageCell
- 리유저블 셀에서 셀마다 바꿔줘야 하는 내용이 있다면 4번에서 등록한 요소로 접근해 지정해 준다.
- Storyboard상에서 UITableView의 prototype cell은 삭제해도 된다. xib파일과 연결해서 사용하기 때문에 필요 없음. Document Outline에서 삭제하면 편하다.