#39 [ui] 행복루틴 추가하기 상세뷰

app/build.gradle.kts

@@ -117,6 +117,9 @@ dependencies {
     // Splash Screen
     implementation("androidx.core:core-splashscreen:1.0.1")
 
+    // indicator
+    implementation("com.tbuonomo:dotsindicator:5.0")
+
     implementation("androidx.core:core-ktx:1.12.0")
     implementation("androidx.appcompat:appcompat:1.6.1")
     implementation("com.google.android.material:material:1.11.0")

app/src/main/AndroidManifest.xml

@@ -49,14 +49,20 @@
         </activity>
 
         <activity
-            android:name=".ui.main.happy.addlist.HappyAddListActivity"
-            android:exported="false"
+            android:name=".ui.happyroutine.addlist.HappyAddListActivity"
+            android:exported="true"
+            android:screenOrientation="portrait" />
+
+        <activity
+            android:name=".ui.happyroutine.adddetail.HappyDetailActivity"
+            android:exported="true"
             android:screenOrientation="portrait" />
 
         <activity
             android:name=".ui.setting.SettingActivity"
             android:exported="false"
             android:screenOrientation="portrait" />
+
         <activity
             android:name=".ui.main.LoginActivity"
             android:exported="false"

app/src/main/java/com/sopetit/softie/domain/entity/HappyCard.kt

@@ -0,0 +1,22 @@
+package com.sopetit.softie.domain.entity
+
+import androidx.annotation.DrawableRes
+
+data class HappyCard(
+    val categoryId: Int,
+    val name: String,
+    val nameColor: String,
+    val title: String,
+    @DrawableRes val iconImageUrl: Int,
+    val routines: List<Routines>
+) {
+    data class Routines(
+        val routineId: Int,
+        @DrawableRes val cardImageUrl: Int,
+        val content: String,
+        val detailTitle: String,
+        val detailContent: String,
+        val detailTime: String,
+        val detailPlace: String
+    )
+}

app/src/main/java/com/sopetit/softie/ui/main/happy/HappyRoutineFragment.kt → app/src/main/java/com/sopetit/softie/ui/happyroutine/HappyRoutineFragment.kt

@@ -1,4 +1,4 @@
-package com.sopetit.softie.ui.main.happy
+package com.sopetit.softie.ui.happyroutine
 
 import android.os.Bundle
 import android.view.View

app/src/main/java/com/sopetit/softie/ui/happyroutine/adddetail/HappyDetailActivity.kt

@@ -0,0 +1,125 @@
+package com.sopetit.softie.ui.happyroutine.adddetail
+
+import android.content.Intent
+import android.graphics.Color
+import android.graphics.Rect
+import android.os.Bundle
+import android.view.View
+import androidx.activity.viewModels
+import androidx.lifecycle.ViewModelProvider
+import androidx.recyclerview.widget.RecyclerView
+import androidx.viewpager2.widget.CompositePageTransformer
+import androidx.viewpager2.widget.ViewPager2
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.ActivityHappyAddDetailBinding
+import com.sopetit.softie.ui.happyroutine.addlist.HappyAddListActivity.Companion.ID
+import com.sopetit.softie.ui.main.MainActivity
+import com.sopetit.softie.util.binding.BindingActivity
+
+class HappyDetailActivity :
+    BindingActivity<ActivityHappyAddDetailBinding>(R.layout.activity_happy_add_detail) {
+    private lateinit var viewPager: ViewPager2
+    private lateinit var happyRoutineAddCardPagerAdapter: HappyDetailCardPagerAdapter
+
+    private val viewModel by viewModels<HappyDetailCardViewModel>()
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        viewPager = binding.vpHappyAddDetailCard
+
+        val categoryId = intent.getIntExtra(ID, -1)
+        val viewModel = ViewModelProvider(this).get(HappyDetailCardViewModel::class.java)
+        val happyCard = viewModel.mockHappyCardList.value?.get(categoryId - 1)
+
+        happyCard?.let {
+            binding.tvHappyAddDetailTitle.text = happyCard.name
+            binding.ivHappyAddDetailIcon.setImageResource(happyCard.iconImageUrl)
+            binding.tvHappyAddDetailSubtitle.text = happyCard.title
+            binding.tvHappyAddDetailTitle.setTextColor(Color.parseColor(happyCard.nameColor))
+        }
+
+        setBackEnter()
+        setSnackbarEnter()
+        setupAdapter(categoryId)
+        setIndicator()
+        initViewPager()
+        initPagerDiv(0, 90)
+    }
+
+    private fun setBackEnter() {
+        binding.ivHappyAddDetailBack.setOnClickListener {
+            finish()
+        }
+    }
+
+    private fun setSnackbarEnter() {
+        binding.btnHappyDetailAdd.setOnClickListener {
+            moveToIng()
+        }
+    }
+
+    private fun moveToIng() {
+        Intent(this, MainActivity::class.java).apply {
+            startActivity(this)
+        }
+    }
+
+    private fun setupAdapter(categoryId: Int) {
+        with(binding) {
+            happyRoutineAddCardPagerAdapter =
+                HappyDetailCardPagerAdapter() // categoryId를 전달합니다.
+            vpHappyAddDetailCard.adapter = happyRoutineAddCardPagerAdapter
+        }
+        happyRoutineAddCardPagerAdapter.submitList(
+            viewModel.getHappyCardListForId(categoryId).get(0).routines
+        )
+    }
+
+    private fun setIndicator() {
+        binding.diHappyAddDetailIndicator.attachTo(binding.vpHappyAddDetailCard)
+    }
+
+    private fun initViewPager() {
+        viewPager.adapter = happyRoutineAddCardPagerAdapter
+
+        val dp = resources.getDimensionPixelSize(R.dimen.view_margin)
+        val d = resources.displayMetrics.density
+        val margin = (dp * d).toInt()
+
+        with(binding.vpHappyAddDetailCard) {
+            clipChildren = false
+            clipToPadding = false
+            offscreenPageLimit = 3
+            setPadding(margin, 0, margin, 0)
+        }
+        val compositePageTransformer = CompositePageTransformer()
+        binding.vpHappyAddDetailCard.setPageTransformer(compositePageTransformer)
+    }
+
+    private fun initPagerDiv(previewWidth: Int, itemMargin: Int) {
+        val decoMargin = previewWidth + itemMargin
+        val pageTransX = decoMargin + previewWidth
+        val decoration = PageDecoration(decoMargin)
+
+        binding.vpHappyAddDetailCard.also {
+            it.offscreenPageLimit = 1
+            it.addItemDecoration(decoration)
+            it.setPageTransformer { page, position ->
+                page.translationX = position * -pageTransX
+            }
+        }
+    }
+
+    private class PageDecoration(private val margin: Int) : RecyclerView.ItemDecoration() {
+
+        override fun getItemOffsets(
+            outRect: Rect,
+            view: View,
+            parent: RecyclerView,
+            state: RecyclerView.State
+        ) {
+            outRect.left = margin
+            outRect.right = margin
+        }
+    }
+}

app/src/main/java/com/sopetit/softie/ui/happyroutine/adddetail/HappyDetailCardPagerAdapter.kt

@@ -0,0 +1,65 @@
+package com.sopetit.softie.ui.happyroutine.adddetail
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.sopetit.softie.databinding.ItemHappyAddDetailCardBinding
+import com.sopetit.softie.domain.entity.HappyCard
+import com.sopetit.softie.util.ItemDiffCallback
+
+class HappyDetailCardPagerAdapter() :
+    ListAdapter<HappyCard.Routines, HappyDetailCardPagerAdapter.HappyPagerViewHolder>(
+        ItemDiffCallback<HappyCard.Routines>(
+            onItemsTheSame = { oldItem, newItem -> oldItem.routineId == newItem.routineId },
+            onContentsTheSame = { oldItem, newItem -> oldItem.routineId == newItem.routineId }
+        )
+    ) {
+
+    class HappyPagerViewHolder(
+        private val binding: ItemHappyAddDetailCardBinding
+    ) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun onBind(data: HappyCard.Routines) {
+            binding.ivHappyRoutineAddCard.setImageResource(data.cardImageUrl)
+            binding.tvHappyRoutineAddCardDetailTitle.text = data.detailTitle
+            binding.tvHappyRoutineAddCardDetailTitleBack.text = data.detailTitle
+            binding.tvHappyRoutineAddCardDetailContentBack.text = data.detailContent
+            binding.tvHappyRoutineAddCardDetailTimeBack.text = data.detailTime
+            binding.tvHappyRoutineAddCardDetailPlaceBack.text = data.detailPlace
+            binding.clHappyRoutineAddCard.setOnClickListener {
+                val isVisible = binding.clHappyRoutineAddCard.visibility == View.VISIBLE
+                if (isVisible) {
+                    binding.clHappyRoutineAddCard.visibility = View.INVISIBLE
+                    binding.clHappyRoutineAddCardBack.visibility = View.VISIBLE
+                } else {
+                    binding.clHappyRoutineAddCard.visibility = View.VISIBLE
+                    binding.clHappyRoutineAddCardBack.visibility = View.INVISIBLE
+                }
+            }
+            binding.clHappyRoutineAddCardBack.setOnClickListener {
+                val isVisible = binding.clHappyRoutineAddCardBack.visibility == View.VISIBLE
+                if (isVisible) {
+                    binding.clHappyRoutineAddCardBack.visibility = View.INVISIBLE
+                    binding.clHappyRoutineAddCard.visibility = View.VISIBLE
+                } else {
+                    binding.clHappyRoutineAddCardBack.visibility = View.VISIBLE
+                    binding.clHappyRoutineAddCard.visibility = View.INVISIBLE
+                }
+            }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): HappyPagerViewHolder {
+        val binding = ItemHappyAddDetailCardBinding.inflate(
+            LayoutInflater.from(parent.context), parent, false
+        )
+        return HappyPagerViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: HappyPagerViewHolder, position: Int) {
+        holder.onBind(currentList[position])
+    }
+}