uitextfield - Rx を使用して UITextField (次へ/完了ボタン) をナビゲートする方法

Question

RxSwift + RxCocoaのみを使用して、次/完了のキーボードボタンでテキストフィールドをナビゲートするにはどうすればよいですか?

Answer 1

シンプルな UITextField 拡張機能を使用すると、テキスト フィールドのコントロール イベントを監視し、それに応じて動作させることができます。

拡大：

import UIKit
import RxSwift
import RxCocoa

extension UITextField {
  func resignWhenFinished(_ disposeBag: DisposeBag) {
    setNextResponder(nil, disposeBag: disposeBag)
  }

  func setNextResponder(_ nextResponder: UIResponder?, disposeBag: DisposeBag) {
    // Set the return key type to:
    //   - next: When there is a next responder
    //   - done: When there is no next responder (simply resign)
    returnKeyType = (nextResponder != nil) ? .next : .done

    // Subscribe on editing end on exit control event
    rx.controlEvent(.editingDidEndOnExit)
      .subscribe(onNext: { [weak self, weak nextResponder] in
        if let nextResponder = nextResponder {
          // Switch to next responder if available
          nextResponder.becomeFirstResponder()
        } else {
          // Otherwise simply resign
          self?.resignFirstResponder()
        }
      })
      .addDisposableTo(disposeBag)
  }
}

使用法：

@IBOutlet private weak var firstTextField: UITextField!
@IBOutlet private weak var secondTextField: UITextField!
@IBOutlet private weak var lastTextField: UITextField!
private let disposeBag = DisposeBag()

override func viewDidLoad() {
  super.viewDidLoad()

  firstTextField.setNextResponder(secondTextField, disposeBag: disposeBag)
  secondTextField.setNextResponder(lastTextField, disposeBag: disposeBag)
  lastTextField.resignWhenFinished(disposeBag)
}