k-coding

Xcode 테이블 뷰 ( 1 ) 본문

iOS/Xcode

Xcode 테이블 뷰 ( 1 )

chkhn_oiiu 2021. 11. 22. 19:05

Xcode 테이블뷰 ( 1 )

 

테이블뷰는 iOS 어플리케이션에서 많이 사용하는 사용자 인터페이스로서,

 

정보를 리스트의 형태로 보여주는데 많이 사용되는 View입니다.

 

테이블뷰는 하나의 열(column)과 여러 줄의 행(row)을 지니며, 수직으로만 스크롤 가능합니다.

 

각 행은 하나의 셀(cell)에 대응합니다.

 

섹션(section)을 이용해 행을 시각적으로 나눌 수 있습니다.

 

헤더(header)에 이미지나 텍스트를 추가해 추가 정보를 보여줄 수 있습니다.

 

 

굵은 글씨로 쓰여져 있는 A / D / F / K 부분의 회색부분을 header라고 부른다.

 

그 안에 John Appleseed 같은 하얀색 부분을 cell이라고 부른다.

 

header와 header사이 cell들의 집합을 section이라고 부릅니다.

 

 

테이블뷰 스타일

 

일반 테이블뷰

더 이상 나뉘지 않는 연속적인 행의 리스트로 section의 구분은 있지만

 

header가 정확히 표기되지 않는 테이블뷰입니다.

 

그룹 테이블뷰

 

section을 기준으로 그룹화되어 나타내는 리스트형태의 테이블뷰입니다.

 

특정 정보를 기점으로 구분하여 보고 표기하는데 적합합니다.

 

 

셀의 기본 구성

 

모든 테이블 뷰는 최소한 하나 이상의 cell이 포함되어야 합니다.

textLabel:  주 제목
detailTextLabel: 부 제목, 생략 가능
imageView: 이미지 뷰, 생략 가능

 

 

 

테이블뷰 편집 모드

 

편집 컨트롤 부분에는 삭제 혹은 추가 기호가 들어갈 수 있습니다.

 

 

 

 

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

Xcode 오토레이아웃 (AutoLayout) (1)  (0) 2022.01.10
Xcode 테이블 뷰 ( 2 )  (0) 2021.11.23
Sender 와 tag  (0) 2021.11.12
Xcode 오토 레이아웃 (Auto Layout) ( 1 )  (0) 2021.11.08
Xcode UISlider  (0) 2021.11.05
Comments