스팀 앱 - 개발 완료: 프로필 화면 담당 프래그먼트

개발 완료: 프로필 화면 담당 프래그먼트

---

시작하며...

프로필 화면 담당 프래그먼트도 1차 완료되어 코드를 공유하고자 합니다.

---

ProfileFragment 클래스

package lee.dorian.steem_ui.ui.profile

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.lifecycle.Observer
import androidx.lifecycle.ViewModelProvider
import androidx.lifecycle.lifecycleScope
import kotlinx.coroutines.flow.FlowCollector
import kotlinx.coroutines.flow.collect
import kotlinx.coroutines.launch
import lee.dorian.steem_domain.model.SteemitProfile
import lee.dorian.steem_ui.MainViewModel
import lee.dorian.steem_ui.R
import lee.dorian.steem_ui.databinding.FragmentProfileBinding
import lee.dorian.steem_ui.ext.load
import lee.dorian.steem_ui.model.State
import lee.dorian.steem_ui.ui.base.BaseFragment

class ProfileFragment : BaseFragment<FragmentProfileBinding, ProfileViewModel>(R.layout.fragment_profile) {

    override val viewModel by lazy {
        ViewModelProvider(this).get(ProfileViewModel::class.java)
    }

    val activityViewModel by lazy {
        ViewModelProvider(requireActivity()).get(MainViewModel::class.java)
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return super.onCreateView(inflater, container, savedInstanceState).apply {
            binding.viewModel = viewModel
        }
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        activityViewModel.currentAccount.removeObservers(viewLifecycleOwner)
        activityViewModel.currentAccount.observe(viewLifecycleOwner, currentAccountObserver)

        viewLifecycleOwner.lifecycleScope.launch {
            viewModel.profileState.collect(profileStateCollector)
        }
    }

    private val currentAccountObserver = Observer<String> {
        when {
            it.isEmpty() -> showEmpty()
            else -> viewLifecycleOwner.lifecycleScope.launch {
                viewModel.readSteemitProfile(it)
            }
        }
    }

    private val profileStateCollector = FlowCollector<State<SteemitProfile>> { newState ->
        when (newState) {
            is State.Empty -> showEmpty()
            is State.Loading -> showLoading()
            is State.Success -> showProfile(newState.data)
            is State.Error, is State.Failure -> {}
        }
    }

    private fun showEmpty() {
        binding.includeInputAccount.layoutInputAccount.visibility = View.VISIBLE
        binding.includeLoading.layoutLoading.visibility = View.GONE
        binding.scrollProfile.visibility = View.GONE
    }

    private fun showLoading() {
        binding.includeInputAccount.layoutInputAccount.visibility = View.GONE
        binding.includeLoading.layoutLoading.visibility = View.VISIBLE
        binding.scrollProfile.visibility = View.GONE
    }

    private fun showProfile(profile: SteemitProfile) {
        binding.includeInputAccount.layoutInputAccount.visibility = View.GONE
        binding.includeLoading.layoutLoading.visibility = View.GONE
        binding.scrollProfile.visibility = View.VISIBLE

        binding.includeProfile.apply {
            imageProfileBackground.load(profile.coverImageURL, null)
            imageProfile.load("https://steemitimages.com/u/${profile.account}/avatar/small")
            textAccount.text = "@${profile.account}"
            textName.text = profile.name
            textFollowers.text = "${profile.followerCount} Followers"
            textFollowing.text = "${profile.followingCount} Following"
            textAbout.text = profile.about
            textLocation.text = "📍 ${profile.location}"
            textWebLink.text = "🔗 ${profile.website}"
        }
    }

}

---

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

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