【Swift】TabelViewCellのDetailLabelに値を反映させたい

Question

前提・実現したいこと

SwiftでToDoアプリを作成しています。
TableViewの「日付」CellをタップするとUIDatePickerを表示するようにしています。
今回は、Toolbarの「完了」ボタンをタップしたら、CellのDetailLabelに選択した日付を表示させたいです。

実現させるためには、doneButtonTapped()関数内にその処理を書けばよいと考えています。
ただ、その際にどのようにして選択したCellのdetailLabelに値を渡せばよいのか分からず、解決策ご教示いただけませんでしょうか？

該当のソースコード

import UIKit

class AddTaskViewController: UIViewController {
    
    @IBOutlet weak var largeTitleBackgroundView: UIView!
    @IBOutlet weak var addTaskTableView: UITableView!
    
    let titleLabelArray = ["", "カテゴリ", "日付"]
    
    var detailLabelArray: [String] = []
    
    let datePicker = UIDatePicker()
    
    let datePickerView = UIView()

    override func viewDidLoad() {
        super.viewDidLoad()
        largeTitleBackgroundView.layer.addShadow()
        initializeTableView()
        detailLabelArray = ["", "カテゴリ", getToday()]
    }

    func getToday(format:String = "M月dd日") -> String {
        let now = Date()
        let formatter = DateFormatter()
        formatter.dateFormat = format
        return formatter.string(from: now)
    }
    
    private func initializeTableView() {
        addTaskTableView.delegate = self
        addTaskTableView.dataSource = self
        addTaskTableView.backgroundColor = UIColor(red: 250, green: 250, blue: 250, alpha: 1.0)
        addTaskTableView.register(UINib(nibName: "TaskTitleTableViewCell", bundle: nil), forCellReuseIdentifier: "TaskTitleTableViewCell")
    }
    
    @objc private func doneButtonTapped() {
        let formatter = DateFormatter()
        formatter.dateFormat = "M月dd日"
        print("(formatter.string(from: datePicker.date))")
        datePickerView.removeFromSuperview()
    }
    
    private func showDatePicker() {
        datePicker.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: datePicker.bounds.size.height)
        datePicker.datePickerMode = UIDatePicker.Mode.date
        datePicker.timeZone = NSTimeZone.local
        datePicker.locale = NSLocale(localeIdentifier: "ja_JP") as Locale
        datePickerView.frame = datePicker.bounds
        let toolbar = UIToolbar()
        let spaceItem = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: self, action: nil)
        let doneItem = UIBarButtonItem(title: "完了", style: .plain, target: self, action: #selector(doneButtonTapped))
        toolbar.setItems([spaceItem, doneItem], animated: true)
        toolbar.sizeToFit()
        datePickerView.addSubview(datePicker)
        datePickerView.addSubview(toolbar)
        view.addSubview(datePickerView)
        let screenSize = UIScreen.main.bounds.size
        datePickerView.frame.origin.y = screenSize.height
        UIView.animate(withDuration: 0.3) {
            self.datePickerView.frame.origin.y = screenSize.height - self.datePickerView.bounds.size.height
        }
    }
}

extension AddTaskViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 3
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "addCell", for: indexPath)
        let taskTitleCell = addTaskTableView.dequeueReusableCell(withIdentifier: "TaskTitleTableViewCell", for: indexPath) as! TaskTitleTableViewCell
        if indexPath.section == 0 && indexPath.row == 0 {
            return taskTitleCell
        }
        cell.textLabel?.text = titleLabelArray[indexPath.row]
        cell.detailTextLabel?.text = detailLabelArray[indexPath.row]
        return cell
    }
    
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return CGFloat.leastNormalMagnitude
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        addTaskTableView.deselectRow(at: indexPath, animated: true)
        switch indexPath.row {
        case 0:
            return
        case 1:
            return
        case 2:
            showDatePicker()
        default:
            return
        }
    }
}

Answer 1

いずれ選択した日付を覚えておく必要があるので、detailLabelArray[2]を直接書き換えてはどうでしょうか。

@objc private func doneButtonTapped() {
    let formatter = DateFormatter()
    formatter.dateFormat = "M月dd日"
    print("(formatter.string(from: datePicker.date))")
    datePickerView.removeFromSuperview()
    // 以下の二行を追加
    detailLabelArray[2] = formatter.string(from: datePicker.date)
    addTaskTableView.reloadData()
}

Comments

[duck015]

なるほど！その方法は考え付かなかったです。
意図した通りに実装することができました。ありがとうございました！

[TsukubaDepot]

解決してよかったです。

余談ですが、同じことをおこなうのであれば、Eurekaというパッケージがやりやすいかもしれません。
独特の記法ですが、tableViewを使った各種設定がやりやすくなっている点がいいかもしれません。

https://eurekacommunity.github.io/
https://github.com/xmartlabs/Eureka

[duck015]

Eurekaは初めて聞きました。たしかにとてもtableView使いすくなってそうですね。
ちょっと使い方調べてみたいと思います。
参考になりました、ありがとうございます！