내 보관함

- 구매목록 UI 연결

app/src/main/java/kr/co/vividnext/sodalive/audio_content/box/AudioContentBoxActivity.kt

@@ -3,6 +3,7 @@ package kr.co.vividnext.sodalive.audio_content.box
 import android.widget.LinearLayout
 import com.google.android.material.tabs.TabLayout
 import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.audio_content.order.AudioContentOrderListFragment
 import kr.co.vividnext.sodalive.audio_content.playlist.AudioContentPlaylistListFragment
 import kr.co.vividnext.sodalive.base.BaseActivity
 import kr.co.vividnext.sodalive.databinding.ActivityAudioContentBoxBinding
@@ -15,7 +16,7 @@ class AudioContentBoxActivity : BaseActivity<ActivityAudioContentBoxBinding>(
         setupTabs()
 
         supportFragmentManager.beginTransaction()
-            .replace(R.id.fl_container, AudioContentPlaylistListFragment())
+            .replace(R.id.fl_container, AudioContentOrderListFragment())
             .commit()
     }
 
@@ -26,19 +27,21 @@ class AudioContentBoxActivity : BaseActivity<ActivityAudioContentBoxBinding>(
 
     private fun setupTabs() {
         val tabs = binding.tabs
-        tabs.addTab(tabs.newTab().setText("재생목록"))
         tabs.addTab(tabs.newTab().setText("구매목록"))
+        tabs.addTab(tabs.newTab().setText("재생목록"))
 
         tabs.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
             override fun onTabSelected(tab: TabLayout.Tab) {
                 tab.view.isSelected = true
 
                 when (tab.position) {
-                    0 -> supportFragmentManager.beginTransaction()
+                    1 -> supportFragmentManager.beginTransaction()
                         .replace(R.id.fl_container, AudioContentPlaylistListFragment())
                         .commit()
 
-                    1 -> {}
+                    else -> supportFragmentManager.beginTransaction()
+                        .replace(R.id.fl_container, AudioContentOrderListFragment())
+                        .commit()
                 }
             }
 

app/src/main/java/kr/co/vividnext/sodalive/audio_content/order/AudioContentOrderListFragment.kt

@@ -0,0 +1,128 @@
+package kr.co.vividnext.sodalive.audio_content.order
+
+import android.annotation.SuppressLint
+import android.content.Intent
+import android.graphics.Rect
+import android.os.Bundle
+import android.view.View
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
+import kr.co.vividnext.sodalive.base.BaseFragment
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.databinding.FragmentAudioContentOrderListBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class AudioContentOrderListFragment : BaseFragment<FragmentAudioContentOrderListBinding>(
+    FragmentAudioContentOrderListBinding::inflate
+) {
+    private val viewModel: AudioContentOrderListViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var adapter: AudioContentOrderListAdapter
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        setupView()
+        bindData()
+        viewModel.getAudioContentOrderList { requireActivity().finish() }
+    }
+
+    fun setupView() {
+        loadingDialog = LoadingDialog(requireActivity(), layoutInflater)
+
+        adapter = AudioContentOrderListAdapter {
+            startActivity(
+                Intent(requireContext(), AudioContentDetailActivity::class.java)
+                    .apply { putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, it) }
+            )
+        }
+
+        binding.rvOrderList.layoutManager = LinearLayoutManager(
+            requireContext(),
+            LinearLayoutManager.VERTICAL,
+            false
+        )
+
+        binding.rvOrderList.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                outRect.left = 13.3f.dpToPx().toInt()
+                outRect.right = 13.3f.dpToPx().toInt()
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.top = 13.3f.dpToPx().toInt()
+                        outRect.bottom = 6.7f.dpToPx().toInt()
+                    }
+
+                    adapter.itemCount - 1 -> {
+                        outRect.top = 6.7f.dpToPx().toInt()
+                        outRect.bottom = 13.3f.dpToPx().toInt()
+                    }
+
+                    else -> {
+                        outRect.top = 6.7f.dpToPx().toInt()
+                        outRect.bottom = 6.7f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        binding.rvOrderList.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
+                super.onScrolled(recyclerView, dx, dy)
+
+                val lastVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager?)!!
+                    .findLastCompletelyVisibleItemPosition()
+                val itemTotalCount = recyclerView.adapter!!.itemCount - 1
+
+                // 스크롤이 끝에 도달했는지 확인
+                if (!recyclerView.canScrollVertically(1) &&
+                    lastVisibleItemPosition == itemTotalCount
+                ) {
+                    viewModel.getAudioContentOrderList {}
+                }
+            }
+        })
+
+        binding.rvOrderList.adapter = adapter
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun bindData() {
+        viewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { showToast(it) }
+        }
+
+        viewModel.isLoading.observe(viewLifecycleOwner) {
+            if (it) {
+                loadingDialog.show(screenWidth, "")
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.orderList.observe(viewLifecycleOwner) {
+            if (viewModel.page == 2) {
+                adapter.items.clear()
+            }
+
+            adapter.items.addAll(it)
+            adapter.notifyDataSetChanged()
+        }
+
+        viewModel.totalCount.observe(viewLifecycleOwner) {
+            binding.tvTotalCount.text = "$it"
+        }
+    }
+}

app/src/main/res/layout/fragment_audio_content_order_list.xml

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/black">
+
+    <TextView
+        android:id="@+id/tv_total_count_prev"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="13.3dp"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:text="총 "
+        android:textColor="@color/color_eeeeee"
+        android:textSize="12sp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_total_count"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:textColor="@color/color_dd4500"
+        android:textSize="12sp"
+        app:layout_constraintStart_toEndOf="@+id/tv_total_count_prev"
+        app:layout_constraintTop_toTopOf="@+id/tv_total_count_prev"
+        tools:text=" 10" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:text=" 개"
+        android:textColor="@color/color_eeeeee"
+        android:textSize="12sp"
+        app:layout_constraintStart_toEndOf="@+id/tv_total_count"
+        app:layout_constraintTop_toTopOf="@+id/tv_total_count" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rv_order_list"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_marginTop="13.3dp"
+        android:clipToPadding="false"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/tv_total_count_prev" />
+</androidx.constraintlayout.widget.ConstraintLayout>