[Android 삽질 교훈] 이모지 하나를 한 글자로 세기 위해 커스텀 InputFilter를 만들었어요.

요약

안드로이드 입력창에서 이모지 하나를 한 글자로 인식하지 못하는 경우가 있어요.

그래서 이모지 하나를 한 글자로 여기고 글자 수를 세기 위해서는 작업이 필요합니다. 저는 커스텀 InputFilter를 만들었어요.

---

기획상 입력창에 글자수 제한이 있었습니다. 일반 글자, 숫자, 기호, 이모지를 포함해서 글자수 제한이 있었고, 당연히 직관적으로 이모지 하나는 한 글자 아니겠습니까. 너무나 쉽게 생각하고 기획대로 작업했다고 생각했는데, 테스트를 해보니 이모지를 글자 하나 이상으로 세더군요.😳 대개 제가 테스트했던 이모지들은 한 이모지당 2글자 정도로 인식했습니다.

iOS에서는 이모지 하나를 한 글자로 인식해서 이것과 관련해 문제가 없이 쉽게 가는데, 안드로이드는 그렇지 못해서 속으로 툴툴거리고🤨🤨왜 그런지, 그리고 해결 방법이 있는지 구글에게 물어봤습니다.

 

그리고 이렇게 좋은 글을 찾아냈습니다!!

 

• 출처 : https://engineering.linecorp.com/ko/blog/the-7-ways-of-counting-characters/

글자수를 세는 7가지 방법 - LINE ENGINEERING

라인 개발자분들 멋져요!👍 저 글을 작성하신 박상진님 너무너무 멋져요!😍 너무 멋져요!!!!👏👏👏👏

 

글자의 정의, 글자 수의 정의에 따라 글자 카운트하는 방법이 다르다는 게 신기했어요.

 

제가 세고자 하는 이모지는 Grapheme으로, 문자 체계에서 표현할 수 있는 글자의 최소 단위들로 세야 하는구나를 저 글를 보고 알았어요. 또한 BreakIterator의 존재에 대해서도 알게 되었어요.

 

• 참고 : http://cris.joongbu.ac.kr/course/java/api/java/text/BreakIterator.html

BreakIterator (Java 2 Platform SE 5.0)

 

저는 입력창에 글자수 제한이 걸리도록 필터를 넣고자 했고, 위에서 찾은 것들을 통해서 요렇게 코드를 짰어요.

기존 InputFilter.LengthFilter를 참고했답니다. 

class TextEmojiLengthFilter(private val maxLength: Int) : InputFilter.LengthFilter(maxLength) {

    override fun filter(
        source: CharSequence?,
        start: Int,
        end: Int,
        dest: Spanned?,
        dstart: Int,
        dend: Int
    ): CharSequence? {

        Timber.d("source : $source, start: $start, end: $end")
        Timber.d("dest : $dest, dstart: $dstart, dend: $dend")

        val destLength = getLength(dest)


        var keep = maxLength - (destLength - (dend - dstart))
        Timber.d("입력 가능 범위 keep : $keep")
        val lengthAndBoundary = getLengthAndLastBoundary(source, keep)
        val sourceLength = lengthAndBoundary.first
        Timber.d("입력된 문자 길이 : $sourceLength")
        if(keep <= 0) {
            return ""
        } else if(keep >= sourceLength) {
            return null
        } else {
            val boundary = lengthAndBoundary.second
            Timber.d("마지막 범위 : $boundary")
            val result = source!!.subSequence(start, boundary)
            Timber.d("결과 : $result")
            return result
        }
    }

    private fun getLength(text: CharSequence?): Int {
        var count = 0
        text?.let { s ->
            val it = BreakIterator.getCharacterInstance()
            it.setText(s.toString())
            while (it.next() != BreakIterator.DONE) {
                count++
            }
            Timber.d("getLength $s > 이모티콘 포함 글자 수 : $count")
        }
        return count
    }

    private fun getLengthAndLastBoundary(text: CharSequence?, keepLength : Int): Pair<Int, Boundary> {
        var count = 0
        var boundary = 0
        text?.let { s ->
            val it = BreakIterator.getCharacterInstance()
            it.setText(s.toString())
            while (it.next() != BreakIterator.DONE) {
                count++
                if (count == keepLength) {
                    boundary = it.current()
                }
            }
            Timber.d("getLengthAndLastBoundary $s > 이모티콘 포함 글자 수 : $count")
        }
        return Pair(count, boundary)
    }
}
typealias Boundary = Int

 

제가 짠 코드에서 수정 사항이나 개선사항이 있으면 꼭꼭 댓글로 알려주세요! 부탁드립니다!😊

InputFilter 말고도 다른 방법으로 입력창(EditText)의 이모지 포함 글자수를 제한할 수 있는 방법이 있다면 공유부탁드려요😊😊

 

감사합니다!. 끝.