본문 바로가기
iOS/UIKit

테이블 뷰

by 융식 2022. 7. 11.

 

UIkit 으로 테이블 뷰를 만드는 방법에 대해 알아보겠습니다.

 

우선 테이블 뷰를 만들어 줍니다 

 

 

 

 

테이블 뷰 위에 테이블 셀을 넣어줍니다.

 

이런 모양의 스토리 보드가 생성되게 됩니다.

 

셀 안에 추가하고 싶은 오브젝트를 넣고 오토레이아웃을 설정해줍니다.

 

 

이제 테이블 뷰가 들어가는 해당 Controller로 가서 UITableViewDataSource와 UITableVeiwDelegate 를 상속해줍니다.

 

 

이제 셀 안에 넣을 값을 설정해 주기 위해 cocoa touch 클래스 파일을 만들어 줍니다.

 

 

만들어진 TableViewCell 클래스를 스토리 보드에 만든 셀과 연결해 줍니다.

 

 

그리고 테이블 뷰 셀의 Identifier를 설정해 줍니다.  Identifier는 변수명 같은 거라고 생각하면 됩니다.

 

 

 

이제 스토리 보드의 컴포넌트들을 TableViewCell과 연결해줍니다.

 

 

이제 테이블 뷰가 나오는 컨트롤러에 테이블 뷰를 추가해줍니다.

 

 

이제 넣어줄 데이터를 관리하는 Bank클래스를 만들어 줍니다.

 

 

테이블 셀에 들어갈 모델을 만들어 줍니다.

 

 

이제 아까 만들어둔 TableDataSource와 Delegate에 값을 넣어주고 

화면에 넣어줍니다.

 

 

이제 실행시켜주면

 

 

완성~

'iOS > UIKit' 카테고리의 다른 글

MapKit을 구현해 보자  (0) 2022.07.20
Collection View를 만들어보자!  (0) 2022.07.16
스크롤 뷰  (0) 2022.07.11
UIkit 모달 띄우기  (0) 2022.07.10
Auto Layout  (0) 2022.07.05