NumberPicker内のEditTextのイベントリスナーで処理

EditTextの取得

NumberPickerはLinearLayoutの子クラスなので、子要素を取得できます。

val picker = view.findViewById(R.id.number_picker)
val editText = picker.children.filterIsInstance<EditText>().first()

のようにしてEditTextを取得できます。

イベントリスナーの設定

取得したEditTextに入力された時点で値を反映するイベントリスナーを設定します。

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    view.main_number_picker.also {
        it.minValue = 0
        it.maxValue = 99
        it.findInput().addTextChangedListener(
            afterTextChanged = { s ->
                s.toString().toIntOrNull()?.let { inputNum ->
                    it.value = inputNum
                }
            }
        )

        it.value = viewModel.num
        it.setOnValueChangedListener { _, _, newVal ->
            viewModel.num = newVal
        }
    }
}

復元時の挙動

NumberPickerが一つだけならここまでで良いのですが複数存在している場合はもうひと工夫必要です。

画面回転などで再描画されるとSavedInstanceStateからEditTextの値を復元する過程で正しくない値が入力されてしまいます。

onViewStateRestoredのタイミングで改めて復元する処理を追加しておくのがベターでしょう。

override fun onViewStateRestored(savedInstanceState: Bundle?) {
    super.onViewStateRestored(savedInstanceState)
    val view = requireView()

    view.main_number_picker.value = viewModel.num
    view.main_number_picker2.value = viewModel.num2
}