From 315df46b7ef3e4d0a55c71a3e09164d414c9bed4 Mon Sep 17 00:00:00 2001
From: klaus <klaus@vividnext.co.kr>
Date: Tue, 23 Jun 2026 15:51:23 +0900
Subject: [PATCH] =?UTF-8?q?feat(content):=20=EC=B6=94=EC=B2=9C=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=EC=9D=84=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../res/layout/fragment_v2_main_content.xml   | 208 +++++++++++++++++-
 .../res/layout/view_title_bar_content.xml     |  50 +++++
 2 files changed, 256 insertions(+), 2 deletions(-)
 create mode 100644 app/src/main/res/layout/view_title_bar_content.xml

diff --git a/app/src/main/res/layout/fragment_v2_main_content.xml b/app/src/main/res/layout/fragment_v2_main_content.xml
index 7c7115b6..560001ec 100644
--- a/app/src/main/res/layout/fragment_v2_main_content.xml
+++ b/app/src/main/res/layout/fragment_v2_main_content.xml
@@ -1,5 +1,209 @@
 <?xml version="1.0" encoding="utf-8"?>
-<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/black" />
+    android:background="@color/black">
+
+    <include
+        android:id="@+id/view_content_title_bar"
+        layout="@layout/view_title_bar_content"
+        android:layout_width="0dp"
+        android:layout_height="60dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <include
+        android:id="@+id/text_tab_bar_content"
+        layout="@layout/view_text_tab_bar"
+        android:layout_width="0dp"
+        android:layout_height="52dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/view_content_title_bar" />
+
+    <androidx.core.widget.NestedScrollView
+        android:id="@+id/nsv_content_recommendation_content"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:fillViewport="true"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/text_tab_bar_content">
+
+        <LinearLayout
+            android:id="@+id/ll_content_recommendation_content"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:paddingBottom="@dimen/spacing_28">
+
+            <LinearLayout
+                android:id="@+id/ll_content_banner_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_28"
+                android:orientation="vertical">
+
+                <kr.co.vividnext.sodalive.v2.widget.banner.BannerView
+                    android:id="@+id/rv_content_banners"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_original_series_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_original_series_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_original_series"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:orientation="horizontal"
+                    android:paddingHorizontal="@dimen/spacing_14"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_latest_audio_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_latest_audio_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_latest_audios"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:orientation="horizontal"
+                    android:paddingHorizontal="@dimen/spacing_14"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_new_and_hot_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_new_and_hot_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_new_and_hot_audios"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:orientation="horizontal"
+                    android:paddingHorizontal="@dimen/spacing_14"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_free_audio_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_free_audio_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_free_audios"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:orientation="horizontal"
+                    android:paddingHorizontal="@dimen/spacing_14"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_point_audio_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_point_audio_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_point_audios"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:orientation="horizontal"
+                    android:paddingHorizontal="@dimen/spacing_14"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_most_commented_audio_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_most_commented_audio_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_most_commented_audios"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:orientation="horizontal"
+                    android:paddingHorizontal="@dimen/spacing_14"
+                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/ll_content_recommended_audio_section"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/spacing_48"
+                android:orientation="vertical">
+
+                <include
+                    android:id="@+id/view_content_recommended_audio_title"
+                    layout="@layout/view_section_title" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/rv_content_recommended_audios"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="@dimen/spacing_14"
+                    android:clipToPadding="false"
+                    android:paddingHorizontal="@dimen/spacing_14" />
+            </LinearLayout>
+        </LinearLayout>
+    </androidx.core.widget.NestedScrollView>
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/view_title_bar_content.xml b/app/src/main/res/layout/view_title_bar_content.xml
new file mode 100644
index 00000000..b69bdbb8
--- /dev/null
+++ b/app/src/main/res/layout/view_title_bar_content.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="60dp"
+    android:background="@color/black"
+    android:gravity="center_vertical"
+    android:orientation="horizontal"
+    android:paddingHorizontal="@dimen/spacing_20">
+
+    <TextView
+        android:id="@+id/tv_title_bar_title"
+        style="@style/Typography.Heading2"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:ellipsize="end"
+        android:maxLines="1"
+        android:text="@string/screen_content_main_title"
+        android:textColor="@color/white"
+        tools:text="콘텐츠" />
+
+    <View
+        android:id="@+id/view_title_bar_spacer"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <ImageView
+        android:id="@+id/iv_title_bar_cash"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_bar_cash" />
+
+    <ImageView
+        android:id="@+id/iv_title_bar_search"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="@dimen/spacing_16"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_bar_search" />
+
+    <ImageView
+        android:id="@+id/iv_title_bar_storage"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="@dimen/spacing_16"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_bar_storage" />
+</LinearLayout>