[Swift/iOS] UITableViewCell 4가지 Style 살펴보기

UITableViewCell 을 만들때 이미 만들어진 셀이 없는 경우 아래의 코드를 이용해서 cell을 만들 수 있다.

UITableViewCell(style: .subtitle, reuseIdentifier: "cell")

 

이때 style: _______ 부분을 보면 총 4가지의 옵션이 있는데 아래와 같다.

 

하나씩 어떤 모양인지 살펴보자

 

 

.default

< 더보기를 눌러 코드를 보세요 >

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    if cell == nil {
        cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
    }
    var config = cell?.defaultContentConfiguration()
    config?.text = bts[indexPath.row]
    config?.secondaryText = names[indexPath.row]
    config?.image = UIImage(named: images[indexPath.row])
    config?.imageProperties.maximumSize.width = 200
    config?.imageProperties.maximumSize.height = 120
    cell?.contentConfiguration = config
    return cell!
}

.subtitle

< 더보기를 눌러 코드를 보세요 >

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    if cell == nil {
        cell = UITableViewCell(style: .subtitle, reuseIdentifier: "cell")
    }
    var config = cell?.defaultContentConfiguration()
    config?.text = bts[indexPath.row]
    config?.secondaryText = names[indexPath.row]
    config?.image = UIImage(named: images[indexPath.row])
    config?.imageProperties.maximumSize.width = 200
    config?.imageProperties.maximumSize.height = 120
    cell?.contentConfiguration = config
    return cell!
}

.value1

< 더보기를 눌러 코드를 보세요 >

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    if cell == nil {
        cell = UITableViewCell(style: .value1, reuseIdentifier: "cell")
    }
    var config = cell?.defaultContentConfiguration()
    config?.text = bts[indexPath.row]
    config?.secondaryText = names[indexPath.row]
    config?.image = UIImage(named: images[indexPath.row])
    config?.imageProperties.maximumSize.width = 200
    config?.imageProperties.maximumSize.height = 120
    cell?.contentConfiguration = config
    return cell!
}

.value2

< 더보기를 눌러 코드를 보세요 >

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    if cell == nil {
        cell = UITableViewCell(style: .value2, reuseIdentifier: "cell")
    }
    var config = cell?.defaultContentConfiguration()
    config?.text = bts[indexPath.row]
    config?.secondaryText = names[indexPath.row]
    config?.image = UIImage(named: images[indexPath.row])
    config?.imageProperties.maximumSize.width = 200
    config?.imageProperties.maximumSize.height = 120
    cell?.contentConfiguration = config
    return cell!
}