스팀 앱 - 개발 중: 사용자 히스토리 항목 클릭 (6) 내용 정리: 프로필/지갑 화면에 계정 검색 뷰 재정의

스팀 앱 - 개발 중: 사용자 히스토리 항목 클릭 (6) 내용 정리: 프로필/지갑 화면에 계정 검색 뷰 재정의

---

MainActivity 클래스 안에 정의되었던 계정 검색 뷰를 삭제하고, 그 대신 그것을 프로필(ProfileFragment)/지갑(WalletFragment) 화면에 재정의했습니다.

activity_main.xml 파일

검색 뷰를 담당하는 include 요소를 제거했습니다.

<include
    android:id="@+id/include_account_lookup"
    layout="@layout/layout_account_lookup"
    app:viewModel="@{viewModel}" />

fragment_profile.xml 파일

변경 전

아래 요소는 프로필 화면의 내용을 보여주는 최상단 레이아웃입니다.

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    ...

</androidx.constraintlayout.widget.ConstraintLayout>

변경 후

최상단에 LinearLayout을 새로 정의했고, 그 아래에 기존 프로필 레이아웃을 옮겼습니다. 그리고 검색 뷰를 보여주기 위해 그것의 위에 include 요소를 추가하였습니다.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include
        android:id="@+id/include_account_lookup"
        layout="@layout/layout_account_lookup" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        ...

    </androidx.constraintlayout.widget.ConstraintLayout>

</LinearLayout>

fragment_wallet.xml 파일

이 파일도 fragment_profile.xml 파일과 동일한 방식으로 수정했습니다.

ProfileFragment 클래스

검색 뷰에서 SEARCH 버튼 클릭을 처리하는 코드를 추가했습니다. 입력한 계정의 길이가 2 이상이면, 프로필을 로딩합니다.

private val buttonAccountSearchClickListener = View.OnClickListener {
    val account = binding.includeAccountLookup.editSteemitAccount.text.toString()
    if (account.length > 2) {
        viewLifecycleOwner.lifecycleScope.launch {
            viewModel.readSteemitProfile(account)
        }
    }
}

WalletFragment 클래스

검색 뷰에서 SEARCH 버튼 클릭을 처리하는 코드를 추가했습니다. 입력한 계정의 길이가 2 이상이면, 지갑을 로딩합니다.

private val buttonAccountSearchClickListener = View.OnClickListener {
    val account = binding.includeAccountLookup.editSteemitAccount.text.toString()
    if (account.length > 2) {
        viewLifecycleOwner.lifecycleScope.launch {
            viewModel.readSteemitWallet(account)
        }
    }
}

---

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