본문 바로가기
개발노트/iOS

Swift : Custom Table View 생성

by 전지적진영시점 2022. 2. 14.
반응형

안녕하세요 전진시입니다

 

이번 포스팅은 

https://jpointofviewntoe.tistory.com/39 

 

Kotlin: ListView 만들기

리스트 뷰가 필요할 때마다 인터넷에 검색을 했는데 이젠 검색하지 않으려고 직접 listView에 대해 정리해서 강제기억하려합니다.,. 먼저 listView는 항목 목록을 표시할 수 있는 컴포넌트입니다! lis

jpointofviewntoe.tistory.com

지난 포스팅 android 에서 listView 만들기에 이어 TableView를 만들겠습니다ㅎㅎ

ListView와 TableView는 항목 리스트를 만든다는 점에서는 같지만 ios와 android로 크게 구분되어 있어 

이어서 포스팅한다는 말이 안맞을지도 모르겠네요 ,,

 

그럼 바로 시작하겠습니다!

 

🐥저는 listView를 만들때와 같이 항목데이터를 서버에서 json 형식으로 받아와서 작업하겠습니다.

 

먼저 스토리보드에 TableView를 생성해주세요

다음 Table View Cell을 먼저 생성한 TableView 안에 쏙

여기까지 완료됐다면 이제 시작 준비 끝!

 

 

ViewController에 TableView를 연결해주세요

다시 TableView로 돌아가서 TableCell 안에 넣을 컴포넌트를 추가해주세요 

저는 회사 이름 데이터를 받을 Label 한개를 넣었습니다.

이제 우리의 Custom Cell 을 위한 파일을 생성하겠습니다!

New File -> Cocoa Touch Class!

저는 회사 이름 목록을 만들거니까 companyCell을 이름으루,,

생성 완료하셨습니까! 그렇담 아~까 만든 TableViewCell 에 좀전에 만든 클래스를 연결해주세요👏🎃

identifier도 채워주세용 이건 이따가 쓸일이 있습니다!

아까 회사 이름 데이터 받을라고 TableViewCell 안에 만든  Label을 CompanyCell 클래스에 연결해주세요

마지막으로 UITableView delegate와 dataSource를 채택 및 구현해줍니다

🐥완료 ! 이제 테스트를 진행해보시면 되겠습니다! 결과를 캡쳐해서 보여드리고 싶은데 사진을 옮겨야해가지고,, ㅎ

그럼 가보겠습니당

반응형

댓글