소개

이번에는 TableView를 사용합니다. ※ 끝 접어 써 버립니다.
"Xib"를 사용하여 사용자 정의 셀을 만들 수도 있지만, 먼저 간단한 스토리 보드의 "Table View cell"로 빨리 구현하고 싶습니다.

환경

Xocde10.2
swift5

구현

코드

먼저 코드를 작성합니다.

test.swift

import UIKit

class TestPage: UIViewController, UITableViewDelegate, UITableViewDataSource {

    @IBOutlet weak var tableView: UITableView!
    //cellに表示するデータ
    let testList = ["Test１", "Test２", "Test3"]
    override func viewDidLoad() {
        super.viewDidLoad()

    }
    //セルの数を指定
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return testList.count
    }

    //セルに値を設定
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // セルを取得する
        let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        // セルに表示する値を設定する
        cell.textLabel!.text = testList[indexPath.row]
        return cell
    }
}

스토리보드를 만지다

라이브러리에서 Table View, Table View cell을 배치하려는 화면에 삽입합니다.


아래와 같이 됩니다.


show the Attributes inspector에서 Identifier에 셀을 입력합니다.

끝에

이번에는 Table View의 간단한 사용법을 이야기했습니다.
자주 보는 일반적인 TableView는 이것으로 괜찮습니다만, UI/UX를 신경쓰는 레이아웃등에서는 역시 「Xib」를 사용한 커스텀 셀이 추천입니다. 우선은 기본으로부터 이런 것으로 간단하게 구현할 수 있다는 것을 알고 스텝 업으로 커스텀 셀을 자작하는 것도 좋다고 생각합니다.