Android / EditText TouchMode Cursor 깜빡임 문제 해결

 

EditText는 사용하기 민감한 Widget입니다. 글자를 입력하기 위해서는 포커스를 받아아야 하기 때문에 포커스 관리를 잘 해주어야 하죠. 이를 잘 관리하지 못하게 되면 사용자가 입력하려고 하지 않았을때에도 EditText에 포커스가 가서 키보드가 올라오고거나, 사용자가 다른 작업을 하고 있음에도 EditText의 커서가 깜빡이는 불상사를 겪게 됩니다. 그리고 이는 굉장히 미관상으로 좋지 않아 보이게 하고 앱의 완성도가 떨어져 보이게 만듭니다.

 

왠만한 것은 ConstraintLayout이나 LinearLayout에 android:focusable, android:focusableInTouchMode 속성과 android:inputType=”text” 등으로 해결할 수 있으나. EditText가 TouchMode로 들어가게 돼서 커서가 계속 깜빡이는 것은 고치기 굉장히 까다롭습니다. 저 또한 개발 중에 이 문제를 해결하기 위해 상당한 삽질을 했어야 했습니다. 따라서 이를 해결한 경험을 공유하고자 합니다. 지식은 나눠야 하는 거니까요!!

 

위 문제를 해결하기 위해서는 TouchMode에 대해서 이해해야 됩니다. 터치 모드는 말그대로 터치하면 진입되는 모드인데 진입하게 되면 isFoucsableInTouchMode가 true인 뷰(EditText)만 포커스가 가능합니다. 이 말을 반대로 하면 isFocusableInTouchMode가 false인 뷰는 터치를 해도 포커스가 가지 않는다는 말이죠. 그리고 이에 해당되는 View는 EditText를 제외한 거의 모든 뷰에 해당됩니다. 따라서 EditText에 한 번 포커스가 가면 다른 뷰를 터치해도 그 뷰에게 포커스가 가지 않게 됩니다. 이로 인해 EditText의 작업을 마쳤음에도 불구하고 커서가 깜빡이는 불상사가 생기는 것 입니다.

 

(Touch Mode에 대한 좀 더 자세한 내용은 공식문서에서 https://developer.android.com/guide/topics/ui/ui-events#TouchMode)

 

그렇다면 이 문제를 어떻게 해결할 수 있을까요? 코드를 통해서 설명하도록 하겠습니다.

 

override fun dispatchTouchEvent(ev: MotionEvent?): Boolean {
        if (ev!!.action == MotionEvent.ACTION_DOWN) {
            val v = currentFocus
            if (v is EditText) {
                val outRect = Rect()
                v.getGlobalVisibleRect(outRect)
                if (!outRect.contains((ev.rawX.toInt()), (ev.rawY.toInt()))) {
                    v.clearFocus()
                    hideKeyboard(editText) // hideKeyboard는 내가 만든 함수다.
                }
            }
        }
        return super.dispatchTouchEvent(ev)
    }

 

핵심 아이디어를 설명하자면.

 

1. TouchEvent가 들어올때마다 최근 포커스를 받은 View가 무엇인지 파악한다.

 

2. 만약 최근 포커스를 받은 View가 EditText고 Touch된 위치가 EditText가 아니라면 EditText의 Foucs를 clearFoucs() 한다.

 

(저도 StackOverFlow에서 찾았어요 ㅎㅎ https://stackoverflow.com/questions/4828636/edittext-clear-focus-on-touch-outside/8766475)

EditText, clear focus on touch outside

 

참고로 dispatchTouchEvent는 Activity에서만 작동하는 코드입니다. 아이디어를 잘 활용하여 상황에 맞추어 코드를 짜길 바래요 :)

 

문제를 잘 해결하고 행복 코딩하길 기원하겠습니다!!