Swift - 在 Button-Tap 后從 TableView 中刪除單元格

Question

在我的項目中，我有一個UITableView 。 其中的cells包含一個UIButton ，其作用類似於“復選框”，因此用戶可以勾選任務。

我的問題：如何在用戶按下其中的UIButton后刪除cell ？

這是我的customCell ：

import UIKit

class WhishCell: UITableViewCell {

    let label: UILabel = {
       let v = UILabel()
        v.font = UIFont(name: "AvenirNext", size: 23)
        v.textColor = .white
        v.font = v.font.withSize(23)
        v.translatesAutoresizingMaskIntoConstraints = false
        return v
    }()

        let checkButton: UIButton =  {
        let v = UIButton()
        v.backgroundColor = .darkGray
//        v.layer.borderColor = UIColor.red.cgColor
//        v.layer.borderWidth = 2.0
        v.translatesAutoresizingMaskIntoConstraints = false
        v.setBackgroundImage(UIImage(named: "boxUnchecked"), for: .normal)

        return v
    }()



        public static let reuseID = "WhishCell"

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

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

            self.backgroundColor = .clear

            // add checkButton
            self.contentView.addSubview(checkButton)
            self.checkButton.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 20).isActive = true
            self.checkButton.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
            self.checkButton.widthAnchor.constraint(equalToConstant: 40).isActive = true
            self.checkButton.heightAnchor.constraint(equalToConstant: 40).isActive = true
            self.checkButton.addTarget(self, action: #selector(checkButtonTapped), for: .touchUpInside)
            // add label
            self.contentView.addSubview(label)
            self.label.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 70).isActive = true
            self.label.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true



        }

        @objc func checkButtonTapped(){
            self.checkButton.setBackgroundImage(UIImage(named: "boxChecked"), for: .normal)
            self.checkButton.alpha = 0
            self.checkButton.transform =  CGAffineTransform(scaleX: 1.3, y: 1.3)

            UIView.animate(withDuration: 0.3) {
                self.checkButton.alpha = 1
                self.checkButton.transform = CGAffineTransform.identity
            }


        }
    }

Answer 1

當您創建單元格並設置按鈕選擇器時，您只需要像這樣設置按鈕標簽和選擇器：

self.checkButton.tag = indexPath.row
self.checkButton.addTarget(self, action: #selector(checkButtonTapped(sender:)), for: .touchUpInside)

並在選擇器中進行更改：

@objc func checkButtonTapped(sender : UIButton){
   let index = sender.tag
    self.tableView.deleteRows(at: [index], with: .automatic)  

   //Add all your code here..


  }

謝謝

Answer 2

您可以使用此擴展名訪問單元格中的tableView和indexPath ：

extension UITableViewCell {
    var tableView: UITableView? {
        return (next as? UITableView) ?? (parentViewController as? UITableViewController)?.tableView
    }

    var indexPath: IndexPath? {
        return tableView?.indexPath(for: self)
    }
}

在這個其他擴展的幫助下：

extension UIView {
    var parentViewController: UIViewController? {
        var parentResponder: UIResponder? = self
        while parentResponder != nil {
            parentResponder = parentResponder!.next
            if let viewController = parentResponder as? UIViewController {
                return viewController
            }
        }
        return nil
    }
}

那么你可以像往常一樣刪除單元格：

tableView!.deleteRows(at: [indexPath!], with: .automatic)  

_{請注意， tableView應該負責管理單元格。}

Answer 3

一個快速的方法是回調閉包。

在單元格中添加一個屬性

var callback : ((UITableViewCell) -> Void)?

在動作中調用回調並傳遞單元格

@objc func checkButtonTapped(){


    ...     
    callback?(self)
}

在cellForRowAt的控制器中為回調屬性分配一個閉包

cell.callback = { cell in
    let indexPath = tableView.indexPath(for: cell)!
    // insert here a line to remove the item from the data source array.
    tableView.deleteRows(at: [indexPath], with: .automatic) 
}

這種原生 Swift 解決方案比分配標簽、 objective-c-ish目標/動作或繁瑣的視圖層次結構數學要高效得多。

Answer 4

改變你的 checkButtonTapped 這個

@objc func checkButtonTapped() {
        self.checkButton.setBackgroundImage(UIImage(named: "boxChecked"), for: .normal)
        self.checkButton.alpha = 0
        self.checkButton.transform =  CGAffineTransform(scaleX: 1.3, y: 1.3)

        UIView.animate(withDuration: 0.3) {
            self.checkButton.alpha = 1
            self.checkButton.transform = CGAffineTransform.identity
        }

        if let tableView = self.superview as? UITableView {
            let indexPath = tableView.indexPath(for: self)
            tableView.dataSource?.tableView!(tableView, commit: .delete, forRowAt: indexPath!)
        }
    }

並將下一個方法添加到您的 UITableViewDelegate 實現中

func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == .delete {
            print("Deleted")

            self.texts.remove(at: indexPath.row)
            self.tableview.deleteRows(at: [indexPath], with: .automatic)
        }
    }