UIKit TableView (1)

스유에서는 List 유킷에서는 TableView가 있는데 개인적인 생각으로 정~~말 많이 사용하는 거 같음

근데 맨날천날 까먹어서 한번 정리해 보도록 하겠습니다!! (사실 잘 몰라서 공부하면서 계속 추가할꺼임)

---

기본

• 여러 Cell을 이용해 하나의 열, 다수의 행을 이용해 수직 스크롤 테이블을 만듬
• 섹션으로 행을 그룹화하여 콘텐츠를 묶을 수 있음 (아이폰의 설정앱 마냥)
  • 섹션에는 header와 footer를 붙혀 추가 정보를 표현할 수 있음

Delegate, DataSource

• DataSource는 데이터를 받아 View를 그려줌
• Delegate는 테이블 뷰 동작과 외관을 담당함 .
• View가 변경되는 사항을 Delegate가 담당하고 View는 Delegate를 의존해 업데이트함.
• DataSource는 총 섹션 개수, 섹션 행에 어떤 정보를 표시할지 등 결정이 가능.
• Delegate는 행의 높이 선택 시 액션 등을 결정 가능함

DataSource

• UITableViewDataSource
  • TableView를 생성하고 수정하는데 필요한 정보를 TableView 객체에 제공
• numberOfRowInSection - 각 세션에 표시할 행의 개수를 묻는 메서드 (필수)
• cellForRowAt - 특정 인덱스 Row의 Cell에 대한 정보를 넣어 Cell을 반환하는 메서드 (필수)
• numberOfSections - 총 섹션의 개수를 묻는 메서드
• titleForHeaderInSection - 특정 세션의 Header 타이틀을 묻는 메서드
• titleForFooterInSection - 특정 세션의 Footer 타이틀을 묻는 메서드
• canEditRowAt - 특정 위치의 행이 편집이 가능한지 묻는 메서드
• canMoveRowAt - 특정 위치의 행을 재정렬할 수 있는지 묻는 메서드
• sectionIndexTitles - Table view 섹션 인덱스 타이틀을 묻는 메서드
• sectionForSectionIndexTitle - 인덱스에 해당하는 섹션을 알려주는 메서드
• commitforRowAt - 스와이프모드, 편집 모드에서 버튼을 선택하면 호출되는 메서드
• moveRowAt - 행이 다른 위치로 이동되면 어디에서 어디로 이동했는지 알려주는 메서드

Delegate

• UITableViewDelegate
  • TableView의 시각적인 부분을 설정, 행의 액션 관리, 액세서리 뷰 지원, 테이블 뷰의 개별 행 편집을 도움
  • 필수 구현해야 할 메서드는 없음
• didSelectRowAt - 행이 선택되었을 때 호출되는 메서드
• didDeselectRowAt - 행이 선택 해제되었을 때 호출되는 메서드
• heightForRowAt - 특정 위치 행의 높이를 묻는 메서드
• viewForHeaderInSection - 지정된 섹션의 Header 뷰에 표시한 View가 어떤 건지 묻는 메서드
• viewForFooterInSection - 지정된 섹션의 Footer 뷰에 표시한 View가 어떤 건지 묻는 메서드
• heightForHeaderinSection - 지정된 섹션의 Header 뷰의 높이를 묻는 메서드
• heightForFooterInSection- 지정된 섹션의 Footer 뷰의 높이를 묻는 메서드
• willBeginEditingRowAt - 테이블 뷰가 편집 모드에 들어갔을 때 호출되는 메서드
• didEndEditingRowAt - ??????
• willDisplay - 테이블 뷰가 셀을 사용하여 행을 그리기 직전에 호출되는 메서드
• didEndDisplaying - 테이블 뷰로부터 셀이 화면에 사라지면 호출되는 메서드

TableView 란

---

Data Source와 TableView를 연동하는 과정은 UITableViewDataSource 라는 프로토콜에 의존함.

위의 프로토콜을 참고해 메소드 호출 → 데이터 소스와 테이블 뷰를 연동함.

• 테이블뷰에 데이터 소스를 연동할 때에는 다음과 같은 내용이 필요하다.
  1. 테이블이 몇 개의 행으로 구성되는지
  2. 각 행의 내용은 어떻게 구성되는지

필요한 기본 메소드는 다음과 같음.

tableView(_:numberOfRowsInSection:)

tableView(_:cellForRowAt:)

tableView(_:numberOfRowsInSection:)

이 메소드는 테이블 뷰가 생성할 Row의 개수를 반환함.

테이블 뷰를 구성하기 위해 필수적이다.

→ 몇 개의 행을 생성해야 할지 개발자가 시스템에 알려줌

사용되는 파라미터로는 1. 테이블 뷰 객체 정보 2. 섹션 정보가 있다.

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 테이블 뷰의 목록 길이
}

1. 테이블 뷰 객체 정보
   • 이 메소드를 호출한 테이블 뷰 객체에 대한 정보
   • 만약 테이블 뷰가 여러개일 경우 구분하기 위해서
2. 섹션 정보
   • 섹션에 대한 정보

tableView(_:cellForRowAt:)

각 행이 화면에 표현해야 할 내용을 구성.

반환값은 전체 테이블 뷰 목록이 아닌 개별적인 테이블 셀 객체이다.

이는 화면에 표현해야 할 목록의 수만큼 이 메소드가 반복 호출된다는 의미.

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    return 테이블 뷰 셀 인스턴스
}

1. 구성할 테이블 뷰 객체에 대한 참조
2. 구성할 행에 대한 참조 정보
3. indexPath를 통해 몇 번째 행을 구성하기 위한 호출인지 구분 가능

tableView(_:didSelectRowAt:)

• UITableViewDelegate 에 정의되어 있으며, 사용자가 특정 행을 선택했을 때 호출
  • 사용자가 선택한 내용에 맞는 액션을 처리하는 용도임!!!!!
  • 행 선택 시 액션이 필요할 경우 이 메소드 내부에 로직 구성

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
}

1. 사용자가 터치한 테이블 뷰에 대한 참조값
2. 터치된 행에 대한 정보

• 이러한 인자를 통해 어느 테이블의 몇 번째 행을 선택했는지 확인

Reusable Queue

• 테이블 뷰 셀 객체 생성 시 필요한 방법
• 셀 객체를 직접 생성할 수도 있지만 메소드로 생성시 사용되는 메소드가 바로 다음임.
• dequeueReusableCell(withIdentifier:)
  • 인자값으로 입력받은 아이디로 스토리보드에 정의된 셀을 찾은 후, 인스턴스로 생성
  • 스토리 보드의 셀에 설정한 Identifier 속성으로 셀을 식별함
  • 여기서 재사용 큐는 셀 인스턴스가 한차례 사용된 후에도 재사용을 위해 대기하는 공간임.
  • 위 메소드에서 입력된 id의 큐가 있을 경우 재사용, 없으면 새로 생성하는 방식으로 동작

---

iOS Study (Chapter 8 - 테이블 뷰와 데이터 소스 연동)

iOS Study (Chapter 8 - 테이블 뷰와 데이터 소스 연동)

[iOS/Swift] TableView | Delegate, DataSource 메서드 정리

[iOS/Swift] TableView | Delegate, DataSource 메서드 정리

UITableView | Apple Developer Documentation

UITableView | Apple Developer Documentation

[UIKit] UITableView 기초부터 다시 살펴보기

[UIKit] UITableView 기초부터 다시 살펴보기