feat: 메인 홈

- 추천 채널 UI 추가
This commit is contained in:
2025-07-15 20:20:54 +09:00
parent 66a6f4bbab
commit db2e3bc8f2
7 changed files with 457 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 437 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 393 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:type="linear"
android:startColor="#5ACDE1"
android:endColor="#2A339D"
android:angle="315" /> <!-- topLeft to bottomRight -->
<corners android:radius="16dp" />
</shape>

View File

@@ -0,0 +1,260 @@
<?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="280dp"
android:layout_height="wrap_content"
android:background="@drawable/bg_home_recommend_channel"
android:orientation="vertical"
android:padding="20dp">
<ImageView
android:id="@+id/iv_creator_profile"
android:layout_width="80dp"
android:layout_height="80dp"
android:contentDescription="@null"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<LinearLayout
android:id="@+id/ll_creator_profile"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="6dp"
android:gravity="center_vertical"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="@+id/iv_creator_profile"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/iv_creator_profile"
app:layout_constraintTop_toTopOf="@+id/iv_creator_profile">
<TextView
android:id="@+id/tv_nickname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_bold"
android:textColor="@color/white"
android:textSize="24sp"
app:layout_constraintStart_toEndOf="@+id/iv_creator_profile"
app:layout_constraintTop_toTopOf="@+id/iv_creator_profile"
tools:text="닉네임" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/pretendard_regular"
android:text="콘텐츠"
android:textColor="@color/white"
android:textSize="18sp" />
<TextView
android:id="@+id/tv_content_count"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:fontFamily="@font/pretendard_bold"
android:textColor="@color/white"
android:textSize="18sp"
tools:text="55" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_content_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/iv_creator_profile">
<ImageView
android:id="@+id/iv_cover_1"
android:layout_width="60dp"
android:layout_height="60dp"
android:contentDescription="@null" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:fontFamily="@font/pretendard_bold"
android:maxLines="1"
android:textColor="@color/white"
android:textSize="18sp"
tools:text="고품격 음악밥솥" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_like_count_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawablePadding="4dp"
android:fontFamily="@font/pretendard_regular"
android:textColor="@color/white"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_heart_white"
tools:text="999" />
<TextView
android:id="@+id/tv_comment_count_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="12dp"
android:drawablePadding="4dp"
android:fontFamily="@font/pretendard_regular"
android:textColor="@color/white"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_comment_white"
tools:text="999" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_content_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/ll_content_1">
<ImageView
android:id="@+id/iv_cover_2"
android:layout_width="60dp"
android:layout_height="60dp"
android:contentDescription="@null" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:fontFamily="@font/pretendard_bold"
android:maxLines="1"
android:textColor="@color/white"
android:textSize="18sp"
tools:text="고품격 음악밥솥" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_like_count_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawablePadding="4dp"
android:fontFamily="@font/pretendard_regular"
android:textColor="@color/white"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_heart_white"
tools:text="999" />
<TextView
android:id="@+id/tv_comment_count_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="12dp"
android:drawablePadding="4dp"
android:fontFamily="@font/pretendard_regular"
android:textColor="@color/white"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_comment_white"
tools:text="999" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_content_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/ll_content_2">
<ImageView
android:id="@+id/iv_cover_3"
android:layout_width="60dp"
android:layout_height="60dp"
android:contentDescription="@null" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:fontFamily="@font/pretendard_bold"
android:maxLines="1"
android:textColor="@color/white"
android:textSize="18sp"
tools:text="고품격 음악밥솥" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_like_count_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawablePadding="4dp"
android:fontFamily="@font/pretendard_regular"
android:textColor="@color/white"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_heart_white"
tools:text="999" />
<TextView
android:id="@+id/tv_comment_count_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="12dp"
android:drawablePadding="4dp"
android:fontFamily="@font/pretendard_regular"
android:textColor="@color/white"
android:textSize="18sp"
app:drawableStartCompat="@drawable/ic_comment_white"
tools:text="999" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>