テキストが入力されたらSaveボタンを有効にする方法(Swift)

現在オリジナルアプリのスケジュール機能を実装するために、基礎としてメモアプリを作成しています

※この記事ではセーブボタンの配置などについては触れません

完成形

空欄だとSaveボタンが無効になり

文字を入力すると有効になります

目次

• Saveボタンを無効にする方法
• テキストフィールドに入力された値を検出する

Saveボタンを無効にする方法

まずは、Saveボタンを無効にします

記述する場所はoverride func viewDidLoad()の部分です

override func viewDidLoad()の部分にself.saveButton.isEnabled = falseを追記します

ViewController.swift

override func viewDidLoad() {
    super.viewDidLoad()
    self.saveButton.isEnabled = false
}

saveButtonに対してisEnabledで、ボタンを有効か無効にすることができます、なので今回はfalseにして無効にします

テキストフィールドに入力された値を検出する

このままではセーブボタンが無効のままなのでテキストフィールドに入力された場合、ボタンを有効にします
そのために、テキストフィールドに入力された値を検出する方法を解説します。

まず、Main.Storyboardにあるテキストフィールドをコントロールキーを押しながらドラックアンドドロップをし、紐付けます。

ViewController.swift

    override func viewDidLoad() {
        super.viewDidLoad()
        self.saveButton.isEnabled = false
    }
    _____________________
    //↑にドラックアンドドロップ

---

ドラックアンドドロップをすると下のようなものが出てきます

それぞれ

Connection（接続タイプ）をAction

Name（プロパティ名）をmemoTextFieldChanged

Event（イベント）をEditing Changed

にします。

---

次に先ほど入力したmemoTextFieldChangedメソッドの処理を記述します

ViewController.swift

1    override func viewDidLoad() {
2        super.viewDidLoad()
3        self.saveButton.isEnabled = false
4    }
5    @IBAction func memoTextFieldChanged(_ sender: Any) {
6        let memo = self.memoTextField.text ?? ""
7        self.saveButton.isEnabled = !memo.isEmpty
8    }

繰り返しになりますが、７行目のisEnabledがボタンを有効、無効にします。

６行目では、テキストフィールドがnil（空）か判断します。

７行目のisEmptyでテキストフィールドがnilの時はfalse
nilではない時はtrueと判別しsaveButtonを有効にできます。

※memoの横に!がないとtrue、falseが逆になってしまいます。