iosのTableViewの使い方

Question

AndroidでいうListViewのようなものをiosで実装したく調べていたらTableViewにいきつきました。
行の要素にbuttonを配置しそのボタンを押すと何番目かの要素によって処理を書きたいです。

下記のように簡単にcellのテキストを変更する方法は分かったのですが自分で配置したbuttonにアクセスする方法が分かりません。
どのようにボタンにアクセスすればよいのでしょうか？よろしくお願いします。

import UIKit

class MemoTableViewController: UITableViewController {
    
    var memos = ["blue", "red", "pink"]
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // Uncomment the following line to preserve selection between presentations
        // self.clearsSelectionOnViewWillAppear = false

        // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
        // self.navigationItem.rightBarButtonItem = self.editButtonItem()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return self.memos.count
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "MemoTableViewCell", for: indexPath)

        // Configure the cell...
        cell.textLabel?.text = self.memos[indexPath.row]

        return cell
    }
}

Answer 1

図がないので分かりにくいかもですが、デリゲートを使用すると以下のような感じになると思います。

①Storyboardの Cellにボタンを配置
② カスタムセルクラス(MemoTableViewCell)を作成、MemoTableViewCellをStoryboardのセルのカスタムクラスに設定
※配置したボタンのIBOutlet、IBActionを結ぶ
③ protocolを定義する。
④ セルにDelegateを定義して、ボタン押下時にデリゲートメソッドを呼び出す様にする
⑤ MemoTableViewControllerにデリゲートメソッドを記述
⑥ cell作成時にindexPath.rowとdelegateを設定する

※ 便宜上以下のコードはファイル分けしてません。

import UIKit

class MemoTableViewController: UITableViewController {
    
    var memos = ["blue", "red", "pink"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
    }
    
    // MARK: - Table view data source
    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.memos.count
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if let cell = tableView.dequeueReusableCell(withIdentifier: "MemoTableViewCell", for: indexPath) as? MemoTableViewCell {
            cell.textLabel?.text = self.memos[indexPath.row]
            cell.button.tag = indexPath.row
            cell.delegate = self
            return cell
        }
        
        return UITableViewCell()
    }
}

extension MemoTableViewController: MemoTableViewCellDelegate {
    func tappedButton(index: Int) {
        print("Tap Button Index =", index)
    }
}


protocol MemoTableViewCellDelegate: class {
    func tappedButton(index: Int)
}

class MemoTableViewCell: UITableViewCell {
    
    weak var delegate: MemoTableViewCellDelegate?
    @IBOutlet weak var button: UIButton!
    
    @IBAction func tappedButton(_ sender: UIButton) {
        delegate?.tappedButton(index: button.tag)
    }
}

Comments

[_Kentarou]

セルにラベルが表示された状態のコードにボタンを追加してください。

[sena14]

ありがとうございました。こちらもできました。

[_Kentarou]

????????