[swift] TableFlip을 사용하여 Swift에서 테이블 뷰의 셀에 체크박스를 추가하는 방법

16 Nov 2023

swift

테이블 뷰의 셀에 체크박스를 추가하려면 TableFlip 을 사용할 수 있습니다. TableFlip은 UITableView의 기본 동작을 확장하여 사용자 정의 셀을 표시하는 기능을 제공합니다.

TableFlip 설치

TableFlip은 CocoaPods을 통해 쉽게 설치할 수 있습니다. Podfile에 다음 줄을 추가하고 터미널에서 pod install 명령을 실행하세요.

pod 'TableFlip'

셀에 체크박스 추가하기

첫 번째로, UITableViewCell 서브클래스를 만들어야합니다. 이 클래스에서 체크박스를 사용할 레이아웃을 정의할 수 있습니다. 예를 들어, CheckboxTableViewCell 클래스를 만들어보겠습니다.

import UIKit
import TableFlip

class CheckboxTableViewCell: UITableViewCell {

    var checkboxImageView: UIImageView!
    var isChecked: Bool = false {
        didSet {
            checkboxImageView.image = isChecked ? UIImage(named: "checkbox_checked") : UIImage(named: "checkbox_unchecked")
        }
    }

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        checkboxImageView = UIImageView()
        checkboxImageView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(checkboxImageView)

        NSLayoutConstraint.activate([
            checkboxImageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
            checkboxImageView.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
            checkboxImageView.widthAnchor.constraint(equalToConstant: 30),
            checkboxImageView.heightAnchor.constraint(equalToConstant: 30)
        ])
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

}

체크박스 이미지 파일을 프로젝트에 추가해야합니다. 이미지는 “checkbox_checked”와 “checkbox_unchecked”라는 이름으로 추가해야합니다.
이제 테이블 뷰에서 체크박스를 사용할 준비가되었습니다. UITableViewDelegate의 cellForRowAt 메소드 내에서 셀을 만들고 체크박스에 대한 데이터와 델리게이트를 설정합니다.

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    guard let cell = tableView.dequeueReusableCell(withIdentifier: "CheckboxTableViewCell", for: indexPath) as? CheckboxTableViewCell else {
        return UITableViewCell()
    }

    // 체크박스에 대한 데이터 설정
    let isChecked = // 체크 여부를 나타내는 데이터를 가져와 설정하세요
    cell.isChecked = isChecked

    // 체크박스에 대한 델리게이트 설정
    cell.checkboxImageView.tag = indexPath.row
    cell.checkboxImageView.isUserInteractionEnabled = true
    let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleCheckboxTap(_:)))
    cell.checkboxImageView.addGestureRecognizer(tapGesture)

    return cell
}

@objc func handleCheckboxTap(_ sender: UITapGestureRecognizer) {
    guard let imageView = sender.view as? UIImageView else {
        return
    }

    // 체크박스를 터치할 때마다 체크 여부를 반전시킵니다.
    imageView.isChecked = !imageView.isChecked

    // 체크박스 상태에 따라 필요한 작업 수행
    if imageView.isChecked {
        // 체크됐을 때의 동작을 실행하세요
    } else {
        // 체크가 해제됐을 때의 동작을 실행하세요
    }
}

이제 테이블 뷰의 각 셀에 체크박스가 추가되었습니다. 사용자가 체크박스를 터치할 때마다 체크 상태가 변하는 것을 확인할 수 있습니다. 이 예제에서는 handleCheckboxTap(_:) 메서드 내에서 체크박스의 동작을 처리하도록 했지만, 필요에 맞게 유연하게 수정할 수 있습니다.

더 많은 정보를 원하신다면, TableFlip GitHub 저장소를 참조하세요.