iOS 프로그래밍: 테이블 뷰 (Swift, 스토리보드) 2 - 커스텀 셀(custom cell) 추가

iOS 프로그래밍: 테이블 뷰 (Swift, 스토리보드) 1 – 테이블 뷰 추가

커스텀 셀이란 Xcode에서 일반적으로 제공하는 테이블 셀이 아닌 사용자가 직접 새로운 형태의 셀을 만들어 테이블 뷰에 적용하는 것을 뜻합니다.

1) 커스텀 셀 오브젝트 배치

먼저, 메인 스토리보드에서 테이블 뷰의 셀 크기를 충분히 늘린 뒤, 이미지와 레이블 등을 자유자재로 배치합니다.

2) 셀 크기 조정

크기를 조절하려면 테이블 뷰 오브젝트와, 테이블 뷰 안의 셀을 각각 선택하고, 오른쪽 옵션창의 Size Insepctor에서 Automatic 을 체크 해제하고 Height를 조절하면 됩니다.

그리고 기존에 지정되어 있던 셀을 임의로 만든 커스텀 클래스에 배정해야 합니다. 테이블 뷰 셀을 클릭한 뒤, Identifier Inspector에서 기존 클래스를 삭제하고 새로운 클래스 이름을 작성합니다.

3) 오브젝트 대응 변수 생성

다음, ViewController 파일에 새로운 클래스를 방금 작성했던 ListCell 이라는 이름으로 생성합니다. 그리고 @IBOutlet 이라는 컴파일러에게 지정하는 특별 예약어를 붙인 다음, weak 키워드를 붙이고 (참고: weak와 strong의 차이점) 앞서 제작했던 커스텀 셀의 요소대로 새로운 변수를 생성합니다. 앞에서는 이미지 뷰 하나와 레이블 2개를 만들었으므로 대응해서 추가합니다.

class ListCell: UITableViewCell {
    @IBOutlet weak var imgView: UIImageView!
    @IBOutlet weak var nameLabel: UILabel!
    @IBOutlet weak var bountyLabel: UILabel!
}