🔥TIL🔥스파르타 | addTextChangedListener

-챌린지반 1주차 강의

😮기억해야 할 점 | 코드의 재사용성을 높이자

같은 형태의 패턴을 하나로 합치고 싶을 때나 여러 군데에서 사용하는 코드면 함수로 빼자

addTextChangedListener

TextWatcher 인터페이스의 간소화된 버전

• 간소화된 Kotlin 방식: 람다를 사용하여 코드가 더 간결하고 읽기 쉽습니다. 특정 메서드(대부분 afterTextChanged)에 대한 로직만을 구현할 수 있습니다.

editText.addTextChangedListener {
    // afterTextChanged에 해당하는 로직
    editText.setErrorMessage()
}

• 전통적인 방식: TextWatcher의 모든 메소드를 구현해야 합니다. 텍스트 변경의 여러 단계에 대해 더 상세한 제어가 가능합니다.

editText.addTextChangedListener(object : TextWatcher {
    override fun beforeTextChanged(s: CharSequence, start: Int, count: Int, after: Int) {
        // 텍스트가 변경되기 전에 호출됩니다.
        // s: 변경 전의 텍스트
        // start: 변경이 시작되는 위치
        // count: 변경되는 텍스트의 길이
        // after: 변경 후의 텍스트 길이
    }

    override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {
        // 텍스트가 변경되는 동안에 호출됩니다.
        // s: 변경 후의 텍스트
        // start: 변경이 시작되는 위치
        // before: 변경되기 전의 텍스트 길이
        // count: 새로 추가된 텍스트의 길이
    }

    override fun afterTextChanged(s: Editable) {
        // 텍스트가 변경된 후에 호출됩니다.
        // s: 최종 변경된 텍스트
    }
})

코드의 재사용성을 높이기 위한 방법

중복된 코드

    private fun initView(){
        
        etName.addTextChangedListener {
            tvNameError.text = getMessageValidName() //뷰의 가시성을 조절안해도 되기 때문에 이렇게 씀
        }

        etEmail.addTextChangedListener {
            tvEmailError.text = getMessageValidEmail()
        }

        etName.setOnFocusChangeListener{ v, hasFocous ->
            if(hasFocous.not()){
                tvNameError.text = getMessageValidName()
            }
        }

        etEmail.setOnFocusChangeListener{ v, hasFocous ->
            if(hasFocous.not()){
                tvEmailError.text = getMessageValidEmail()
            }
        }
    }

재사용성을 높인 코드

    private val editTexts
        get() = listOf(
            etName,etEmail
        )

    //editTexts들을 순회하면서 addTextChangedListener와 setOnFocusChangeListener를 등록
    private fun setEditTextListener(){
        editTexts.forEach { editText ->
            editText.addTextChangedListener{
                when(editText){
                    etName -> {
                        tvNameError.text = getMessageValidName()
                    }
                    etEmail -> {
                        tvEmailError.text = getMessageValidEmail()
                    }
                }
            }

            editText.setOnFocusChangeListener{ v, hasFocous ->
                if(hasFocous.not()){
                    when(editText){
                        etName -> {
                            tvNameError.text = getMessageValidName()
                        }
                        etEmail -> {
                            tvEmailError.text = getMessageValidEmail()
                        }
                    }
                }
            }
        }
    }

더 높인 코드..

에러에 대한 메시지 트래킹은 똑같으니 아래처럼 표현할 수도 있다.

    private fun setEditTextListener(){
        editTexts.forEach { editText ->
            editText.addTextChangedListener{
                editText.setErrorMessage()
            }

            editText.setOnFocusChangeListener{ v, hasFocous ->
                if(hasFocous.not()){
                    editText.setErrorMessage()
                }
            }
        }
    }

    private fun EditText.setErrorMessage(){
        when(this){
            etName -> {
                tvNameError.text = getMessageValidName()
            }
            etEmail -> {
                tvEmailError.text = getMessageValidEmail()
            }
        }
    }

코드 설명

addTextChangedListener

텍스트가 변경될 때마다 호출

editText.addTextChangedListener {
    editText.setErrorMessage()
}

setOnFocusChangeListener

포커스 상태가 변경될 때 호출
hasFocus는 불린 값으로, EditText가 포커스를 가지고 있으면 true, 그렇지 않으면 false를 반환
포커스를 잃었을 때 editText.setErrorMessage() 메서드가 실행

editText.setOnFocusChangeListener { v, hasFocus ->
    if (hasFocus.not()) {
        editText.setErrorMessage()
    }
}