iOS) UITableView - 기초(1)

seuhong·2022년 8월 23일
0
post-thumbnail

UITableView

테이블뷰는 리스트 형태를 지니고 있으며, 스크롤이 가능하여 많은 정보를 보여줄 수 있습니다.

  • 테이블뷰는 하나의 열(column)과 여러 줄의 행(row)을 지니며, 수직스크롤이 가능합니다.
  • 각 행(row)는 하나의 셀(cell)에 대응합니다.
  • 섹션(section)을 이용해 행을 시각적으로 구분할 수 있습니다.
  • 섹션(section)의 헤더와 푸터에 이미지나 텍스트를 이용하여 추가적인 정보를 보여줄 수 있습니다.


테이블뷰는 UIViewController에 UITableView와 UITableViewCel을 추가하여 사용할 수 있습니다.

TableViewCell

테이블뷰 셀(cell)은 테이블뷰를 이루는 행(row)으로, UITableViewCell 클래스를 상속받습니다.
UITableViewCell 클래스에 정의된 표준 스타일을 활용하거나, 사용자가 커스텀하여 셀을 나타낼 수 있습니다.

기본적으로 셀을 아래와 같이 컨텐츠 영역과 액세서리뷰 영역으로 구조가 나뉩니다.

  • 콘텐츠 : 셀의 왼쪽 부분에는 주로 문자열, 이미지 혹은 고유 식별자 등이 입력됩니다.
  • 액세서리뷰 : 셀의 오른쪽 작은 부분은 액세서리뷰로 상세보기, 재정렬, 스위치 등과 같은 컨트롤 객체가 위치합니다.

TableViewCell- Basic Style

UITableViewCell 클래스를 상속받는 기본 테이블 뷰 셀은 표준 스타일을 이용할 수 있습니다.
표준스타일인 UITableViewCell 클래스는 셀 콘텐츠에서 세 가지 프로퍼티가 정의되어 있습니다.

  • textLabel: UILabel: 주제목 레이블
  • detailTextLabel: UILabel : 세부사항 및 부제목 레이블
  • imageView: UIImageView : 이미지 표시를 위한 이미지 뷰

중요!

  • UITableView의 서브클래스를 이용하여 커스텀 이미지뷰를 생성할 때, 이미지뷰의 변수명을 imageView로 명명하면 기본 이미지뷰 프로퍼티와 변수명이 같아서 원하는대로 동작하지 않을 수 있으므로 커스텀 이미지뷰의 변수명은 다르게 지어야합니다.

(textLabel, detailLabel, accessoryView 등의 기본 프로퍼티 이름 또한 마찬가지입니다.)

profile
주니어 iOS 개발자의 온몸 비틀기

0개의 댓글