UITableView - .xib 파일을 활용한 커스텀 셀 만들기

이지수·2023년 6월 19일
0

Swift학습

목록 보기
5/14
post-thumbnail

UIVIewTable에서 커스텀 셀 사용방법 정리

.xib 파일 생성

  1. 새파일 생성- cocoa touch class 생성 -> .xib파일 생성 옵션 체크, subclass tableviewcell로 지정
  2. xib 파일과 그와 짝인 swift 파일 생성됨

.xib 파일 수정

  1. xib 파일에 uiview, uiImageView, label과 같은 요소 추가. 오토레이아웃으로 정렬. stackView 사용도 좋음
    xib 파일에서 assistant view를 켜면 그와 짝인 cell.swift 파일이 뜬다

.xib 파일 요소를 .swift에 등록

  1. cell.swift파일에 IBOutlet으로 xib파일의 각 요소 등록 -> 이 때 등록/연결된 것으로 요소별 내용을 수정할 수 있게 해준다(라벨 내용 수정 등)
    Document Outline에서 ctrl+drag&drop으로 연결하면 편리하다.

UITableView 관련 수정

  1. UITableView가 생성된 ViewController에 xib 파일 연결
  2. viewTable.register(UINib(nibName: K.cellNibName, bundle: nil), forCellReuseIdentifier: K.cellIdentifier)
    이때, xib파일의 디자인 identifier를 활용해 연결한다. K.celldentifier
  3. DataSource delegate에서 리유저블 셀을 형변환 시켜준다.
    as! MessageCell
  4. 리유저블 셀에서 셀마다 바꿔줘야 하는 내용이 있다면 4번에서 등록한 요소로 접근해 지정해 준다.
  5. Storyboard상에서 UITableView의 prototype cell은 삭제해도 된다. xib파일과 연결해서 사용하기 때문에 필요 없음. Document Outline에서 삭제하면 편하다.
profile
iOS 개발자 꿈나무

0개의 댓글