UITextField内で空文字の時にバックスペースが入力されたか判断したい

Question

前提・実現したいこと

現在Swiftの練習のためにGoogleKeepを参考にアプリを制作しています。
textFieldが空の時に、バックスペースが入力されたかを判定したいと考えています。
最終的には、空の時にバックスペースが入力されたらcellを削除するという機能にしたいです。

【完成イメージ】
バックスペースが押される前

バックスペースが押された後（イメージ）

発生している問題・エラーメッセージ

textFieldが空文字だとバックスペースを押しても何も起きない
（shouldChangeCharactersInが呼び出されない）

該当のソースコード

//
//  ViewController.swift
//  GoogleKeepTest
//
//

import UIKit
import Firebase

class ViewController: UIViewController {
    
    @IBOutlet weak var tableView: UITableView!
    
    var todoList:[String] = []      // TodoListを格納する配列
    var currentCellIndex = 0        // 現在のセルの添字を代入する
    
    
    // MARK: View Did Load
    override func viewDidLoad() {
        super.viewDidLoad()
        
        setTableView()      // TableViewのdelegateなどの設定を行う
    }
    
    
    /// Firestoreにlistを保存する
    func saveItemData() {
        Firestore.firestore().collection("TodoCollection").document().updateData(["todoList": todoList]) { (error) in
            if error != nil {
                print("\n\nerror内容: (error as Any)")
            } else {
                print("##  データの保存に成功")
                print("list: (self.todoList)")
                self.tableView.reloadData()
            }
        }
    }
    
}

    
    
    
    
    
// MARK: ProtocolExtension
extension ViewController: UITableViewDelegate, UITableViewDataSource, UITextFieldDelegate {
    
    
    
    // MARK: TableView
    
    /// tableViewのdelegateなどの設定をする
    func setTableView() {
        tableView.delegate = self
        tableView.dataSource = self
        tableView.register(UINib(nibName: "CustomCell", bundle: nil), forCellReuseIdentifier: "cell")           // 入力欄用のカスタムセル
        tableView.register(UINib(nibName: "AddCustomCell", bundle: nil), forCellReuseIdentifier: "AddCell")     // 追加ボタン用のカスタムセル
    }
    
    
    /// アイテムの数を返す
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.todoList.count + 1  // listの要素数 + 追加ボタン用のカスタムセル
    }
    
    
    /// セルが選択された時
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        // 追加ボタンが押された場合
        if indexPath.row == todoList.count {
            // listに空の要素を追加する
            currentCellIndex = todoList.count
            todoList.append("")
            saveItemData()
        }
        
        // セルがタップされても背景を白に戻す
        tableView.deselectRow(at: indexPath, animated: true)
    }
    
    
    /// セルの高さを返す
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return CGFloat(40)
    }
    
    
    /// cellを生成して返す
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        // 通常の場合（入力用のセル）
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CustomCell
        cell.todoLbl.text = todoList[indexPath.row]
        cell.todoLbl.delegate = self
        cell.todoLbl.tag = indexPath.row

        // cellの数がlistの要素数に達したら
        if indexPath.row == todoList.count {
            // 追加ボタン用のセルを生成する（画像だと「+ リストアイテム」と書いてあるもの。 セルじゃなくてもよいかも？）
            let addCell = tableView.dequeueReusableCell(withIdentifier: "AddCell", for: indexPath)
            return addCell
        }
        
        // 入力中 or 追加されたセルにフォーカス
        if currentCellIndex == indexPath.row {
            cell.todoLbl.becomeFirstResponder() // フォーカスする
        }
        
        return cell
    }
    
    
    
    
    
    // MARK: UITextField
    
    
    /// returnが押された時
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        currentCellIndex = textField.tag + 1    　　 // 入力中セルの添字に+1する
        todoList.insert("", at: currentCellIndex)   // 空の要素を追加する
        saveItemData()                              // Firestoreに保存
        
        return true
    }
    
    
    
    /// 1文字入力されるたびに呼ばれる
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        
        // MARK: ここで、バックスペースが押された時にセルを削除する機能を作成しようとした(空文字の時はこのメソッドが呼び出されない)
        print("\n\n\n=========== Should Change Char ==========")
        print("list: (todoList)")              // listを表示
        currentCellIndex = textField.tag        // 入力中の添字を代入
        
        
        if let char = string.cString(using: String.Encoding.utf8) {
            let isBackSpace = strcmp(char, "\b")
            
            // 入力された文字がバックスペースか否か
            if (isBackSpace == -92) {
                print("\\  バックスペースが入力された")
                // 末尾の1文字を削除
                todoList[currentCellIndex] = String(todoList[currentCellIndex].dropLast())
            } else {
                print("\\  文字が入力された: (string) ")
                todoList[currentCellIndex] = textField.text! + string
            }
        }
        
        saveItemData()
        currentCellIndex = textField.tag
        return true
    }
    
}

試したこと

1. ゼロ幅スペースをセルに初期値として置く

-> やり方がわからなかった
2. 全てのセルに初期値としてスペースを入れておく（スペースが削除されたらセルを削除する方式）
-> 一瞬だけスペースが削除されるアニメーションが起きるため適切ではないと考えた
3. 入力された文字を取得して、バックスペースの時に処理をする方法を調べた
-> よくわからなかった

補足情報（FW/ツールのバージョンなど）

Swift 5.3
Xcode 12.0.1

Answer 1

はてなブログで下記のような記事を発見しました。

• UITextFieldを空の状態からデリートキーを検出する

これがそのまま使えるのではないでしょうか。

以下、検証用のコードです。

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var textField: CustomUITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        // textField.delegate とは違うので注意
        textField.deletionDelegate = self
    }
}

extension ViewController: CustomUITextFieldDelegate {
    func didDeleteBackward(_ textField: CustomUITextField) {
        if let text = textField.text {
            if text.isEmpty {
                print("文字がない状態で delete が押されました")
            } else {
                print("文字を削除しました。")
            }
        }
    }
}

// Cited from https://culumn.hatenablog.com/entry/2018/02/23/012659

import UIKit

protocol CustomUITextFieldDelegate: class {
    func didDeleteBackward(_ textField: CustomUITextField)
}

class CustomUITextField: UITextField {
    weak var deletionDelegate: CustomUITextFieldDelegate?
    
    override func deleteBackward() {
        super.deleteBackward()
        deletionDelegate?.didDeleteBackward(self)
    }
}

###2020年10月9日追記

あまり良い案ではありませんが、こういう方法が一つかもしれません。
充分にテストしたわけではないので、まだ抜けがあるかもしれません。

class CustomUITextField: UITextField {
    weak var deletionDelegate: CustomUITextFieldDelegate?
    
    override func deleteBackward() {
        // 実際に削除する直前の文字数を記録しておく
        let beforeWordsCount = self.text?.count ?? 0
        super.deleteBackward()
        deletionDelegate?.didDeleteBackward(self, previousCount: beforeWordsCount)
    }
}

extension ViewController: CustomUITextFieldDelegate {
    func didDeleteBackward(_ textField: CustomUITextField, previousCount prev: Int) {
        if prev == 0 {
            print("文字がない状態で delete が押されました")
        } else {
            print("文字を削除しました。")
        }
    }
}

Comments

[Atsushi_Kygo]

回答ありがとうございます！！
非常に参考になる回答と記事でありがたいです。

機能を追加したところ、textFieldの文字が削除された後にdidDeleteBackwardが呼び出されるのですが、これはデフォルトなのでしょうか？（カスタムセルでファイルが分かれているので、うまくいってない可能性もあります）

確かに空の状態でもdeleteの判定は出来て、セルも削除できるのですが、残り1文字を削除すると
textFieldが空になる => didDeleteBackwardが呼ばれる => textField.isEmptyがtrueになる => セルを削除
となってしまいます。

[TsukubaDepot]

そこまで十分には検証していませんでした（残り文字数まで考えていませんでした）。
一つの方法としては、削除直前の文字数を返すように delegate の仕様を変更する方法かと思いますが、これも十分に試験する必要はあるかと思います。

[Atsushi_Kygo]

なるほど、なんとなくイメージは掴んだので試してみます！
ありがとうございました！