iOS tableView左滑删除按钮的自定义

iOS tableView左滑删除按钮的自定义

本文仅做日常开发记录
遇到一个需求如下图：

WechatIMG756.png

左滑删除的时候，要删除按钮也有圆角
实现方式就是拿到删除的那个视图，然后修改layer，代码如下：
如有小伙伴也需要，仅供参考，因为这样写，是不安全的，直接上代码：

extension ViewController: UITableViewDelegate, UITableViewDataSource {
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 3
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TestCell
        cell.backgroundColor = UIColor.white
        if indexPath.row % 2 == 0 {
            cell.contentView.backgroundColor = .systemYellow
        }
        
        return cell
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        90
    }
    
    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        guard editingStyle == .delete else {
            return
        }
        //点击删除会触发
         print("____shan chu cell")
    }
    
    
    func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle {
        return .delete
    }
    
    func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String? {
        return "删除"
    }
    
    func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
        return true
    }
    
    func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
        //guard let cell = self.feelCell else { return  }
        //cell.topLayer?.frame = cell.bgImageView.bounds
        cell.contentView.layer.cornerRadius = 15
        cell.contentView.layer.masksToBounds = true
        let img = UIImageView()
        img.contentMode = .scaleAspectFill
    }
    
    
    
    @available(iOS 11.0, *)
    func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
        let delete = UIContextualAction(style: UIContextualAction.Style.normal, title: "删除") { [weak self] _, _, complete in
            print("___删除了 cell")
            complete(true)
        }
        //delete.image = UIImage(named: "aaa")
        //delete.imageView!.contentMode = .scaleAspectFill
        //delete.image.contentMode = .scaleAspectFill

        delete.backgroundColor = UIColor.systemGreen
        let action = UISwipeActionsConfiguration(actions: [delete])
        action.performsFirstActionWithFullSwipe = false
        return action
    }
    
    //滑动删除的时候会调用
    func tableView(_ tab: UITableView, willBeginEditingRowAt: IndexPath) {
        print("____开始删除")
        test()
    }
    

为删除按钮添加圆角

extension ViewController {
    //iOS 11 和iOS 12获取删除按钮的方法
    private func test() {
        for subView in tableView.subviews {

            print("___sub:___\(subView)____\(subView.classForCoder)")
            
            //_UITableViewCellSwipeContainerView
            if NSStringFromClass(subView.classForCoder) == "_UITableViewCellSwipeContainerView"{
                for sub in subView.subviews {
                    if NSStringFromClass(sub.classForCoder) == "UISwipeActionPullView" {
                        sub.backgroundColor = .clear
                        if let delBtn: UIButton = sub.subviews.first as? UIButton  {
                            //此处可以拿到删除按钮后做一些相应的操作
                            print(">>>完全自定义___\(delBtn)")
                            delBtn.isHidden = false
                            delBtn.layer.cornerRadius = 9.0
                            delBtn.clipsToBounds = true
                        }
                        sub.backgroundColor = .systemRed
                        sub.layer.cornerRadius = 9.0
                        sub.layer.masksToBounds = true
                    }
                }
            }
        }
    }
    
}

实现效果如下：

middle_img_v2_5bb43575-db6d-44cb-b278-a2c58b5ee04g.jpg

有需要的小伙伴，可以自取，亲测没问题

ps:

iOS9、iOS11、iOS13具体获取到对应删除按钮的方式不同
iOS9、iOS11添加按钮的方式有所不同
自定义的的控件的宽度存在一些差异