[TIL] 다이얼로그 에딧텍스트 유효성 검사 및 버튼 활성화 코드 작성

 

📖 Today I Learned

alert Dialog에 있는 EditText의 유효성 검사를 하고 싶었고 그 결과에 따라 확인 버튼을 활성화 시키고 싶었다. 알러트 다이얼로그에서는 POSITIVE버튼과 NEGATIVE / NEUTRAL 버튼을 사용하기 떄문에 이 버튼들을 활성화 시키는 방법을 몰라서 인터넷에 검색을 해보았다. 

찾아보니 자바 관련 코드만 찾을 수 있었고 너무 막혀서 튜터님꼐 가서 여쭤보았고 버튼 활성화를 어떻게 하면 할 수 있는지 알려주셔서 도움을 받았다.

builder.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled = true

버튼 활성화 방법을 배웠지만 그래도 감이 잡히지 않아서 이 코드를 깃허브에 검색해서 코틀린을 사용해서 유효성 검사를 한 예시들을 찾아볼 수 있었다.

몇몇 예시들은 MVVM을 적용해서 응용하기 어려웠고 한 3,4개 찾아보면서 적용해보니 슬슬 감이 잡혔다.

listener 변수에 값을 넣지 않고 접근하는 방법을 배웠다. 직관적인 것 같다. 그리고 깃헙에서 다른 사람 코드 참고를 하면서 코드 공

private fun addGroupBtn() {
        binding.ibtnAddContactAddGroup.setOnClickListener {
            val dialogView = layoutInflater.inflate(R.layout.dialog_add_group, null)

            val builder = AlertDialog.Builder(this)
                .setTitle(getString(R.string.dialog_add_group))
                .setMessage(getString(R.string.dialog_new_group))
                .setView(dialogView)
                .setIcon(R.mipmap.ic_launcher)
                .setPositiveButton(getString(R.string.dialog_confirm_add_group)) { _, _ ->
                    //startupViewModel.checkAndReset(token, layout.newPassword.text.toString())
                }
                .setNegativeButton(getString(R.string.dialog_cancel_add_group)) { dialog, _ ->
                    dialog.cancel()
                }
                .setCancelable(true)
                .show()
            builder.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled = false

//            val alertDialog = builder.create()


            val editGroup = dialogView.findViewById<EditText>(R.id.et_dialog_add_group)


            editGroup?.addTextChangedListener(object : TextWatcher {
                override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {}

                override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
                    val text = editGroup.text.toString()
                    when {
                        text.isBlank() -> editGroup.error =
                            getString(AddContactErrorMessage.EMPTY_GROUP_NAME.message)

                        text.overlappingGroup() -> {
                            editGroup.error = null
                            builder.getButton(AlertDialog.BUTTON_POSITIVE).isEnabled = true

                        }

                        else -> editGroup.error = getString(AddContactErrorMessage.OVERLAPPING_GROUP_NAME.message)

                    }
                }

                override fun afterTextChanged(p0: Editable?) {}
            })

            builder.getButton(AlertDialog.BUTTON_POSITIVE).setOnClickListener {
                newContactGroup = editGroup.text.toString()
                ContactDatabase.addGroup(newContactGroup)
                setGroupProvider()
                shortToastMessage(this, R.string.dialog_new_group_added)
                builder.dismiss()
            }


        }