UPDATED 2010. 11. 20. 14:55 PM 번역 수정하였습니다.
UITableView – Creating a Simple Table View
소개
대부분의 경우 요구 사항은 목록이 화면에 나온 후 상세보기가 자세히 로드 됩니다. UITableView 은 오직 리스트 항목의 표시를 하며, 리스트 항목과 상세보기 사이에서 발생하는 네비게이션은 UINavigationController 에 의해서 제어됩니다. 따라서 테이블 뷰는 항상 네비게이션 컨트롤러와 반대로 작동합니다. 우리가 마지막으로 완성될 앱의 모습은 이렇습니다.
프로젝트의 생성
File -> New Project -> (iPhone OS 항목) 의 “Navigation-Based Application” 을 클릭하여 새로운 XCode 프로젝트를 생성하고, 이름을 선택하세요. 저는 “TableView” 라 지었습니다. “Navigation-Based Application” 템플릿은 는 네비게이션 컨트롤러와 테이블 뷰를 같이 쓰게하며, 따라서 수동으로 설정할 필요가 없습니다.
데이터 소스
테이블 뷰에서는 간단한 리스트 항목 표시는 원하지 않기에, 전달이 가능하며 또한 사용이 가능한 데이터 소스 종류가 우리는 필요합니다. 이러한 데이터 소스는 XML 파일, 데이터베이스, 혹은 일종의 배열로 어느 곳에서든지 표현될 수 있습니다. SQLite 데이터베이스 사용을 배우기 위해 이 곳의 SQLite 튜토리얼 시리즈를 읽어보세요. 튜토리얼이 간단하합니다. 저는 앞으로 테이블 뷰를 위해 NSMutableArray 와 같은 데이터 소스를 사용하겠습니다. 당신은 SQLite 데이터베이스나 XML 파일로 부터 이 배열을 체울 수 있습니다. 사용자 정의 객체가 아닌 것과 문자열 객체의 배열을 사용하여 튜토리얼의 혼란을 줄였습니다. 테이블 뷰에 사용자 정의 객체를 사용하는 법을 이해하기 위해 저의 SQLite 튜토리얼 시리즈를 읽어보세요.
첫번째로 해야할 일은 데이터 소스를 생성하는 것이며, 테이블 뷰의 화면을 항목으로 체우는 일이 필요로 합니다. 뷰를 로드하는 RootViewController 의 viewDidLoad 메써드 속의 우리의 데이터 소스를 만들어 봅시다. 구현부 파일의 viewDidLoad 메써드와 헤더 파일의 작성 코드입니다.
“listOfItems” 배열은 RootViewController.h 파일에 선언했으며 타입은 NSMutableArray 이고, 또한 dealloc 메써드에 의해 위와 같이 해제됐습니다. viewDidLoad 메써드에서, 배열의 메모리 할당과 초기화를 했으며 8 객체를 추가했습니다. 네비게이션 바의 뷰는 “Countries” 로 설정했습니다. 이제 어쨌든 우리는 화면에 배열 항목을 표시하게 위한 테이블 뷰를 확인해야합니다.
테이블 뷰의 사용자 정의 행의 수
우리가 해야되는 첫번째 작업은, 테이블 뷰의 많은 열들이 있다는 것을 알리고 tableView:numberOfRowsInSection 의 처리와 그 것을 기대해야는 점입니다. 그 메써드는 테이블 뷰가 나타낸 열의 수의 정수(integer)를 반환합니다. 8 객체의 배열을 구성하면서, 배열의 카운트 메세지를 보냅니다. 그 코드가 어떤식인지 봅시다.
테이블 셀의 화면 데이터
이제 테이블 뷰는 얼마나 많은 열을 보여줄지 알고있으며, 테이블 뷰 셀에게 실제 글자가 화면에 보이기 위한 작업이 필요합니다. 테이블 뷰는 테이블 셀의 열들의 내용과 테이블 열을 만들었습니다. tableView:cellForRowAtIndexPath 에선 N 번 호출하고, N 의 값은 tableView:numberOfRowsInSection 에 리턴합니다. 메써드는 indexPath 타입의 NSIndexPath 제공하고 사용하여 현재 열의 수를 알아내 테이블 뷰가 화면에 보여줍니다. 아래에 보시는 코드 입니다.
위의 코드에서, 만약 필요하다면 셀의 초기화를 처음에 합니다. 그리고 배열에서 문자열을 얻어 수신자에게 현재 열의 수와 함께 objectAtIndex 메서드에 전달하합니다. “cellValue” 는 결국 반환된 셀과 글자 셀을 설정합니다. 당신의 어플리케이션에서 UITableView 에서 8개의 객체가 보이게 실행해보세요.
결론
몇개의 간단한 메써드의 설정에 의하여 UITableView 를 정말 쉽게 구현할 수 있습니다. 저는 이 튜토리얼이 시작하는데 도움을 드렸으면 합니다. 저는 튜토리얼이 매우 간단하나 매우 집중하기엔 한가지 부족한 점이 있다는 것을 압니다. 다음 튜토리얼에서는, 상세보기의 로딩 방법과 데이터의 전달을 논하겠습니다.
Happy Programming,
iPhone SDK Articles
[...] 1. UITableView – 간단한 테이블 뷰 만들기 | We are connected [...]