TableViewのヘッダーをクリックしてソートする方法

Question

前提・実現したいこと
Table Viewにヘッダーを追加し、ヘッダーの「タイトル」をクリックすることで行をタイトルの文字列でソートをしたいです。実現方法をご教授ください。

使っているツールのバージョンなど補足情報
xcode Version 13.3.1 (13E500a)
storyboardを使用しています。
Swift Veersion 5.6

発生している問題・エラーメッセージ
「タイトル」をクリックしたらTbale Viewを一度、削除し、タイトルをソートしTbale Viewを再度、表示するという方法があると考えましたが、「タイトル」のラベルをクリックしたイベントを拾って処理を実装する方法がわかりません。

該当のソースコード
ヘッダーは下記のように実装しています。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?{
    //ヘッダーにするビューを生成
    let view = UIView()
    view.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 100)
    view.backgroundColor = UIColor.gray
    
    //ヘッダーに追加するラベルを生成
    let headerLabel = UILabel()
    headerLabel.frame =  CGRect(x: 20, y: 5, width: self.view.frame.size.width, height: 50)
    headerLabel.text = "タイトル"
    headerLabel.textColor = UIColor.white
    headerLabel.textAlignment = NSTextAlignment.left
    view.addSubview(headerLabel)
    
    //ヘッダーに追加するラベルを生成
    let headerLabel2 = UILabel()
    headerLabel2.frame =  CGRect(x: -120, y: 5, width: self.view.frame.size.width, height: 50)
    headerLabel2.text = "更新日時"
    headerLabel2.textColor = UIColor.white
    headerLabel2.textAlignment = NSTextAlignment.right
    view.addSubview(headerLabel2)
    
    return view
}

Comments

[hoshi-takanori]

TableView を削除する必要はありません。データをソートして、tableView.reloadData するだけです。

[noz]

回答いただきありがとうございます。
また、ご連絡が遅くなり申し訳ありません。
削除は不要で、tableView.reloadDataするだけとのことですが、ソースコードで追加したラベル「タイトル」をクリックしたイベントを拾う実装方法がわかりません。

Answer 1

以下のように実装すること解決しました。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView?{
    //ヘッダーにするビューを生成
    let view = UIView()
    view.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 100)
    view.backgroundColor = UIColor.gray
    
    //ヘッダーに追加するラベルを生成
    let headerLabel = UILabel()
    headerLabel.frame =  CGRect(x: 20, y: 5, width: self.view.frame.size.width, height: 50)
    headerLabel.text = "タイトル"
    headerLabel.textColor = UIColor.white
    headerLabel.textAlignment = NSTextAlignment.left
    view.addSubview(headerLabel)
    
    //ヘッダーに追加するラベルを生成
    let headerLabel2 = UILabel()
    headerLabel2.frame =  CGRect(x: -120, y: 5, width: self.view.frame.size.width, height: 50)
    headerLabel2.text = "更新日時↓"
    headerLabel2.textColor = UIColor.white
    headerLabel2.textAlignment = NSTextAlignment.right
    // UILabelがイベントを拾えるように設定
    headerLabel2.isUserInteractionEnabled = true
    view.addSubview(headerLabel2)
    
    // headerLabel2に紐付けるイベントとそのイベントを拾って実行される関数を紐付ける
    let LbelGesture = UITapGestureRecognizer(target: self, action: #selector(self.tapped(_:)))

    headerLabel2.addGestureRecognizer(LbelGesture)
    return view
}

// swiftでobject-cのメソッドとして認識させるために@objcと記述する
@objc func tapped(_ sender: UITapGestureRecognizer) {
    if let label = sender.view as? UILabel {
        print(label.text!)
        // 更新日時を昇順でソート
        TodoKobetsunonakamiArray.sort(by: {$0.Date < $1.Date})
        tableView.reloadData()
    } else {
        print("is not UILabel")
    }
}