feat: 컬렉션 기능 추가

app/build.gradle.kts

@@ -93,6 +93,7 @@ dependencies {
     implementation(projects.feature.signin)
     implementation(projects.feature.library)
     implementation(projects.feature.feed)
+    implementation(projects.feature.collection)
 
     // AndroidX 및 Jetpack 기본 라이브러리
     implementation(libs.androidx.core.ktx)

app/src/main/AndroidManifest.xml

@@ -76,6 +76,10 @@
             android:name=".ui.main.MainActivity"
             android:exported="false"
             android:screenOrientation="portrait" />
+        <activity
+            android:name=".ui.collection.CollectionActivity"
+            android:exported="false"
+            android:screenOrientation="portrait" />
         <activity
             android:name=".ui.notification.NotificationActivity"
             android:exported="false"

app/src/main/java/com/into/websoso/ui/collection/CollectionActivity.kt

@@ -0,0 +1,27 @@
+package com.into.websoso.ui.collection
+
+import android.content.Context
+import android.content.Intent
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
+import com.into.websoso.feature.collection.CollectionNavHost
+import dagger.hilt.android.AndroidEntryPoint
+
+@AndroidEntryPoint
+class CollectionActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        setContent {
+            WebsosoTheme {
+                CollectionNavHost(onNavigateBack = ::finish)
+            }
+        }
+    }
+
+    companion object {
+        fun getIntent(context: Context): Intent = Intent(context, CollectionActivity::class.java)
+    }
+}

app/src/main/java/com/into/websoso/ui/main/myPage/MyPageFragment.kt

@@ -7,6 +7,7 @@ import android.text.Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
 import android.text.style.ForegroundColorSpan
 import android.view.View
 import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.ui.platform.ViewCompositionStrategy
 import androidx.core.content.ContextCompat
 import androidx.core.view.isVisible
 import androidx.fragment.app.activityViewModels
@@ -28,11 +29,14 @@ import com.into.websoso.core.common.util.SingleEventHandler
 import com.into.websoso.core.common.util.getS3ImageUrl
 import com.into.websoso.core.common.util.setListViewHeightBasedOnChildren
 import com.into.websoso.core.common.util.tracker.Tracker
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
 import com.into.websoso.core.resource.R.drawable.img_loading_thumbnail
 import com.into.websoso.core.resource.R.string.my_library_attractive_point_fixed_text
 import com.into.websoso.data.model.GenrePreferenceEntity
 import com.into.websoso.data.model.NovelPreferenceEntity
 import com.into.websoso.databinding.FragmentMyPageBinding
+import com.into.websoso.feature.collection.component.CollectionEntry
+import com.into.websoso.ui.collection.CollectionActivity
 import com.into.websoso.ui.main.MainViewModel
 import com.into.websoso.ui.main.myPage.MyLibraryViewModel
 import com.into.websoso.ui.main.myPage.adapter.RestGenrePreferenceAdapter
@@ -77,6 +81,7 @@ class MyPageFragment : BaseFragment<FragmentMyPageBinding>(fragment_my_page) {
         setupObserver()
         onProfileEditClick()
         onStorageButtonClick()
+        setupCollectionEntry()
         tracker.trackEvent("mypage")
     }
 
@@ -92,6 +97,23 @@ class MyPageFragment : BaseFragment<FragmentMyPageBinding>(fragment_my_page) {
         binding.lifecycleOwner = viewLifecycleOwner
     }
 
+    private fun setupCollectionEntry() {
+        binding.cvMyPageCollectionEntry.apply {
+            setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
+            setContent {
+                WebsosoTheme {
+                    CollectionEntry(onClick = ::navigateToCollection)
+                }
+            }
+        }
+    }
+
+    private fun navigateToCollection() {
+        singleEventHandler.throttleFirst {
+            startActivity(CollectionActivity.getIntent(requireContext()))
+        }
+    }
+
     private fun setupRestGenrePreferenceAdapter() {
         binding.lvMyLibraryRestGenre.adapter = restGenrePreferenceAdapter
     }

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

@@ -279,11 +279,28 @@
                         app:layout_constraintStart_toStartOf="parent"
                         app:layout_constraintTop_toBottomOf="@id/cl_my_page_user_profile" />
 
+                    <androidx.compose.ui.platform.ComposeView
+                        android:id="@+id/cv_my_page_collection_entry"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/view_my_page_profile_divider" />
+
+                    <View
+                        android:id="@+id/view_my_page_collection_divider"
+                        android:layout_width="0dp"
+                        android:layout_height="3dp"
+                        android:background="@color/gray_50_F4F5F8"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/cv_my_page_collection_entry" />
+
                     <androidx.constraintlayout.widget.ConstraintLayout
                         android:id="@+id/cl_my_library_genre_preference"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        app:layout_constraintTop_toBottomOf="@id/view_my_page_profile_divider"
+                        app:layout_constraintTop_toBottomOf="@id/view_my_page_collection_divider"
                         tools:layout_editor_absoluteX="0dp">
 
                         <TextView
@@ -447,7 +464,7 @@
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:visibility="gone"
-                        app:layout_constraintTop_toBottomOf="@id/view_my_page_profile_divider">
+                        app:layout_constraintTop_toBottomOf="@id/view_my_page_collection_divider">
 
                         <TextView
                             android:id="@+id/tv_my_library_preference_analysis_title"

core/resource/src/main/res/drawable/ic_collection_create.xml

@@ -0,0 +1,23 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18dp"
+    android:height="18dp"
+    android:viewportWidth="19.44"
+    android:viewportHeight="19.44">
+    <path
+        android:pathData="M9.707,0.36C14.838,0.36 19.08,4.593 19.08,9.716C19.08,14.847 14.847,19.08 9.716,19.08C4.593,19.08 0.36,14.847 0.36,9.716C0.36,4.594 4.584,0.36 9.707,0.36Z"
+        android:fillColor="#FFFFFF"
+        android:strokeColor="#EEEEF2"
+        android:strokeWidth="0.72" />
+    <path
+        android:pathData="M5.4,9.72L14.04,9.72"
+        android:fillColor="#00000000"
+        android:strokeColor="#6A5DFD"
+        android:strokeLineCap="round"
+        android:strokeWidth="2.254" />
+    <path
+        android:pathData="M9.72,5.4L9.72,14.04"
+        android:fillColor="#00000000"
+        android:strokeColor="#6A5DFD"
+        android:strokeLineCap="round"
+        android:strokeWidth="2.254" />
+</vector>

feature/collection/build.gradle.kts

@@ -0,0 +1,13 @@
+import com.into.websoso.setNamespace
+
+plugins {
+    id("websoso.android.feature")
+}
+
+android {
+    setNamespace("feature.collection")
+}
+
+dependencies {
+    implementation(libs.navigation.compose)
+}

feature/collection/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest>
+
+</manifest>

feature/collection/src/main/java/com/into/websoso/feature/collection/CollectionNavHost.kt

@@ -0,0 +1,27 @@
+package com.into.websoso.feature.collection
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+
+private const val COLLECTION_ROUTE = "collection"
+
+@Composable
+fun CollectionNavHost(
+    onNavigateBack: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val navController = rememberNavController()
+
+    NavHost(
+        navController = navController,
+        startDestination = COLLECTION_ROUTE,
+        modifier = modifier,
+    ) {
+        composable(route = COLLECTION_ROUTE) {
+            CollectionScreen(onNavigateBack = onNavigateBack)
+        }
+    }
+}

feature/collection/src/main/java/com/into/websoso/feature/collection/CollectionScreen.kt

@@ -0,0 +1,56 @@
+package com.into.websoso.feature.collection
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.statusBarsPadding
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
+import com.into.websoso.core.designsystem.theme.White
+import com.into.websoso.feature.collection.component.CollectionAppBar
+import com.into.websoso.feature.collection.component.CollectionCreateButton
+import com.into.websoso.feature.collection.component.CollectionTabRow
+import com.into.websoso.feature.collection.model.CollectionTab
+
+@Composable
+fun CollectionScreen(
+    onNavigateBack: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    var selectedTab by rememberSaveable { mutableStateOf(CollectionTab.MY_COLLECTION) }
+
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(White)
+            .statusBarsPadding(),
+    ) {
+        CollectionAppBar(onNavigateBack = onNavigateBack)
+        CollectionTabRow(
+            selectedTab = selectedTab,
+            onTabSelected = { selectedTab = it },
+        )
+        CollectionCreateButton(
+            modifier = Modifier.padding(
+                horizontal = 20.dp,
+                vertical = 16.dp,
+            ),
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun CollectionScreenPreview() {
+    WebsosoTheme {
+        CollectionScreen(onNavigateBack = {})
+    }
+}

feature/collection/src/main/java/com/into/websoso/feature/collection/component/CollectionAppBar.kt

@@ -0,0 +1,62 @@
+package com.into.websoso.feature.collection.component
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.into.websoso.core.designsystem.theme.Black
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
+import com.into.websoso.core.designsystem.theme.White
+import com.into.websoso.core.resource.R.drawable.ic_navigate_left
+
+@Composable
+internal fun CollectionAppBar(
+    onNavigateBack: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .height(44.dp)
+            .background(White),
+        contentAlignment = Alignment.Center,
+    ) {
+        IconButton(
+            onClick = onNavigateBack,
+            modifier = Modifier
+                .align(Alignment.CenterStart)
+                .padding(start = 6.dp)
+                .size(44.dp),
+        ) {
+            Image(
+                painter = painterResource(id = ic_navigate_left),
+                contentDescription = null,
+                modifier = Modifier.size(24.dp),
+            )
+        }
+        Text(
+            text = "컬렉션",
+            color = Black,
+            style = WebsosoTheme.typography.title2,
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun CollectionAppBarPreview() {
+    WebsosoTheme {
+        CollectionAppBar(onNavigateBack = {})
+    }
+}