스팀 앱 개발기 #108 - 개선: 태그 검색창에 엔터 키 적용

개선: 태그 검색창에 엔터 키 적용

---

시작하며...

오랫동안 묵혀온 것이 있었어요. 그것은 태그 화면의 검색창에 엔터 키를 적용하는 것이었죠. 태그 입력 후 엔터 키를 치면, 포스트가 로딩되는 것입니다.

---

작업 내용

• 태그 입력 EditText 뷰에 텍스트 1줄만 입력
• 태그 입력 EditText 뷰에 키 리스너 적용

---

태그 입력 EditText 뷰에 텍스트 1줄만 입력

태그를 입력 받는 edit_steemit_tag 뷰에 inputType, maxLines 속성을 추가했습니다. XML 코드는 아래와 같습니다.

<EditText
    android:id="@+id/edit_steemit_tag"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:hint="Input Steemit tag."
    android:inputType="text"
    android:maxLines="1"
    android:textSize="15sp"
    app:layout_constraintLeft_toRightOf="@id/text_sharp"
    app:layout_constraintRight_toLeftOf="@id/button_tag_search" />

---

태그 입력 EditText 뷰에 키 리스너 적용

엔터 키를 누르면 태그로 포스트 검색을 수행하는 키 리스너를 아래와 같이 구현했으며, 위치는 MainActivity 클래스입니다. SEARCH 버튼을 클릭하면 그게 실행되죠. 중복 코드를 만들 필요 없이 이 버튼 클릭을 실행하면 됩니다.

private val editSteemitTagKeyListener = OnKeyListener { view, keyCode, event ->
    if (keyCode == KeyEvent.KEYCODE_ENTER) {
        binding.includeTagLookup.buttonTagSearch.performClick()
        true
    }
    false
}

이 키 리스너를 등록하는 코드는 MainActivity.setUpListeners() 메소드에 추가하였습니다.

private fun setUpListeners() {
    binding.run {
        includeTagLookup.editSteemitTag.setOnKeyListener(editSteemitTagKeyListener)
        includeTagLookup.buttonTagSearch.setOnClickListener(buttonTagSearchClickListener)
        includeAccountLookup.buttonAccountSearch.setOnClickListener(buttonAccountSearchClickListener)
    }
}

---

GitHub Commit

• Applied key listener to edit_steemit_tag EditText view

---

마치며...

조금씩 진도가 나가고 있어 다행스럽습니다. 현재 보이는 몇 가지 개선점들을 마치고 나서 프로필 화면을 개발할 예정입니다. 올해 안에는 시작할 수 있으면 좋겠네요. ^^

---

지난 스팀 앱 개발기

• #107 - 버그 수정: 태그 화면 복귀시 포스트 리스트 다시 로딩됨
• #106 - 포스트 화면 개발
• #105 - 포스트 화면의 로직 처리를 담당할 PostViewModel 클래스 개발
• #104 - 포스트 내용 읽기 기능을 Repository, Use Case 패턴에 적용
• #103 - 포스트 내용을 읽기 위한 bridge.get_discussion API 연동 코드 작성
• #102 - 포스트 내용을 읽기 위한 bridge.get_discussion API
• #101 - build.gradle에서 라이브러리 이름과 버전 통합
• #1 ~ #100

---

Posted through the ECblog app (https://blog.etain.club)