[UI/#44] 취향 태그 뷰 / UI 수정

domain/src/main/kotlin/com/going/domain/entity/PreferenceData.kt

@@ -1,7 +1,8 @@
 package com.going.domain.entity
 
 data class PreferenceData(
-    val number: Int,
-    val leftPrefer: String,
+    val number: String,
+    val question : String,
     val rightPrefer: String,
+    val leftPrefer : String,
 )

presentation/src/main/java/com/going/presentation/preferencetag/PreferenceTagActivity.kt

@@ -6,7 +6,7 @@ import com.going.domain.entity.PreferenceData
 import com.going.presentation.R
 import com.going.presentation.databinding.ActivityPreferenceTagBinding
 import com.going.ui.base.BaseActivity
-import com.going.ui.extension.toast
+import com.going.ui.extension.setOnSingleClickListener
 
 class PreferenceTagActivity :
     BaseActivity<ActivityPreferenceTagBinding>(R.layout.activity_preference_tag),
@@ -21,14 +21,29 @@ class PreferenceTagActivity :
         super.onCreate(savedInstanceState)
 
         initAdapter()
+        initItemDecoration()
+        initBackClickListener()
+
     }
 
+
     private fun initAdapter() {
         _adapter = PreferenceTagAdapter(this, this)
         binding.rvPreferenceTag.adapter = adapter
         adapter.submitList(viewModel.preferenceTagList)
     }
 
+    private fun initItemDecoration() {
+        val itemDeco = PreferenceTagDecoration(this)
+        binding.rvPreferenceTag.addItemDecoration(itemDeco)
+    }
+
+    private fun initBackClickListener(){
+        binding.btnPreferenceBack.setOnSingleClickListener {
+            finish()
+        }
+    }
+
     override fun onPreferenceSelected(preference: PreferenceData) {
         // 선택된 취향 태그 처리
     }

presentation/src/main/java/com/going/presentation/preferencetag/PreferenceTagDecoration.kt

@@ -0,0 +1,23 @@
+package com.going.presentation.preferencetag
+
+import android.content.Context
+import android.graphics.Rect
+import android.view.View
+import androidx.recyclerview.widget.RecyclerView
+
+class PreferenceTagDecoration (val context: Context) : RecyclerView.ItemDecoration() {
+
+    override fun getItemOffsets(
+        outRect: Rect,
+        view: View,
+        parent: RecyclerView,
+        state: RecyclerView.State
+    ) {
+        super.getItemOffsets(outRect, view, parent, state)
+        val position = parent.getChildAdapterPosition(view)
+
+        if (position == 0) outRect.top = 50
+        else outRect.top = 0
+        outRect.bottom = 10
+    }
+}

presentation/src/main/java/com/going/presentation/preferencetag/PreferenceTagViewHolder.kt

@@ -13,9 +13,10 @@ class PreferenceTagViewHolder(
 
     fun onBind(item: PreferenceData) {
         binding.run {
-            tvPreferenceNumber.text = item.number.toString()
-            tvPreferenceLeft.text = item.leftPrefer
-            tvPreferenceRight.text = item.rightPrefer
+            tvPreferenceNumber.text = item.number
+            tvPreferenceQuestion.text = item.question
+            tvPreferenceTag1.text = item.leftPrefer
+            tvPreferenceTag3.text = item.rightPrefer
 
             rgPreferenceTag.setOnCheckedChangeListener { _, checkedId ->
                 val selectedButtonIdList = listOf(

presentation/src/main/java/com/going/presentation/preferencetag/PreferenceTagViewModel.kt

@@ -7,29 +7,34 @@ class PreferenceTagViewModel : ViewModel() {
 
     val preferenceTagList = listOf<PreferenceData>(
         PreferenceData(
-            number = 1,
-            leftPrefer = "휴식",
-            rightPrefer = "관광"
+            number = "01",
+            question = "계획은 얼만큼 짤까요?",
+            leftPrefer = "철저하게",
+            rightPrefer = "즉흥으로"
         ),
         PreferenceData(
-            number = 2,
+            number = "02",
+            question = "장소선택의 기준은 무엇인가요?",
             leftPrefer = "관광지",
-            rightPrefer = "로컬 플레이스"
+            rightPrefer = "로컬장소"
         ),
         PreferenceData(
-            number = 3,
+            number = "03",
+            question = "음식을 고를 때 무엇을 더 중요시 하나요?",
             leftPrefer = "철처한 계획",
             rightPrefer = "무계획"
         ),
         PreferenceData(
-            number = 4,
-            leftPrefer = "찾아온 맛집",
-            rightPrefer = "끌리는 곳"
+            number = "04",
+            question = "멋진 풍경이 보이면?",
+            leftPrefer = "사진 필수",
+            rightPrefer = "눈에 담기"
         ),
         PreferenceData(
-            number = 5,
-            leftPrefer = "느긋하게",
-            rightPrefer = "효율적으로"
+            number = "05",
+            question = "스케줄 구성은 어떻게 할까요?",
+            leftPrefer = "알차게",
+            rightPrefer = "여유롭게"
         ),
     )
 

presentation/src/main/java/com/going/presentation/tripdashboard/triplist/CompletedTripFragment.kt

@@ -22,6 +22,7 @@ class CompletedTripFragment :
         super.onViewCreated(view, savedInstanceState)
 
         setRecyclerView()
+        initItemDecoration()
 
     }
 
@@ -35,6 +36,11 @@ class CompletedTripFragment :
         adapter.submitList(viewModel.mockCompletedList)
     }
 
+    private fun initItemDecoration() {
+        val itemDeco = DashBoardDecoration(requireContext())
+        binding.rvDashboardCompletedTrip.addItemDecoration(itemDeco)
+    }
+
     override fun onDestroyView() {
         super.onDestroyView()
         _adapter = null

presentation/src/main/java/com/going/presentation/tripdashboard/triplist/TripDecoration.kt → presentation/src/main/java/com/going/presentation/tripdashboard/triplist/DashBoardDecoration.kt

@@ -5,7 +5,7 @@ import android.graphics.Rect
 import android.view.View
 import androidx.recyclerview.widget.RecyclerView
 
-class TripDecoration(val context: Context) : RecyclerView.ItemDecoration() {
+class DashBoardDecoration(val context: Context) : RecyclerView.ItemDecoration() {
 
     override fun getItemOffsets(
         outRect: Rect,

presentation/src/main/java/com/going/presentation/tripdashboard/triplist/OngoingTripFragment.kt

@@ -37,7 +37,7 @@ class OngoingTripFragment :
     }
 
     private fun initItemDecoration() {
-        val itemDeco = TripDecoration(requireContext())
+        val itemDeco = DashBoardDecoration(requireContext())
         binding.rvDashboardOngoingTrip.addItemDecoration(itemDeco)
     }
 

presentation/src/main/res/drawable/ic_preference_tag_blur.xml

@@ -0,0 +1,21 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="360dp"
+    android:height="104dp"
+    android:viewportWidth="360"
+    android:viewportHeight="104">
+  <path
+      android:pathData="M0,0h360v104h-360z">
+    <aapt:attr name="android:fillColor">
+      <gradient 
+          android:startX="180"
+          android:startY="0"
+          android:endX="180"
+          android:endY="104"
+          android:type="linear">
+        <item android:offset="0" android:color="#00F3F3F6"/>
+        <item android:offset="0.28" android:color="#FFF3F3F6"/>
+      </gradient>
+    </aapt:attr>
+  </path>
+</vector>

presentation/src/main/res/drawable/ic_preference_union.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="34dp"
+    android:height="22dp"
+    android:viewportWidth="34"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M16.907,20.194C15.187,21.336 13.128,22 10.914,22C4.886,22 0,17.075 0,11C0,4.925 4.886,0 10.914,0C13.128,0 15.187,0.664 16.907,1.806C18.647,0.664 20.729,0 22.967,0C29.061,0 34.001,4.925 34.001,11C34.001,17.075 29.061,22 22.967,22C20.729,22 18.647,21.336 16.907,20.194Z"
+      android:fillColor="#FF4F17"
+      android:fillType="evenOdd"/>
+</vector>

presentation/src/main/res/drawable/layer_list_preference_tag_gray200_line.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="@color/white_000" />
+        </shape>
+    </item>
+    <item
+        android:left="-2dp"
+        android:right="-2dp"
+        android:top="-2dp">
+        <shape android:shape="rectangle">
+            <stroke
+                android:width="1dp"
+                android:color="@color/gray_200" />
+        </shape>
+    </item>
+</layer-list>

presentation/src/main/res/drawable/sel_rounded_corner_preference_tag_button.xml

@@ -2,15 +2,15 @@
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_checked="true">
         <shape>
-            <solid android:color="@color/black_000" />
-            <corners android:radius="24dp" />
+            <solid android:color="@color/gray_400" />
+            <corners android:radius="4dp" />
         </shape>
     </item>
 
     <item android:state_checked="false">
         <shape>
-            <solid android:color="@color/gray_300" />
-            <corners android:radius="24dp" />
+            <solid android:color="@color/gray_50" />
+            <corners android:radius="4dp" />
         </shape>
     </item>
 </selector>

presentation/src/main/res/drawable/shape_rect_4_gray200_line_whilte000_fill.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/white_000" />
+    <corners android:radius="4dp" />
+    <stroke android:color="@color/gray_200" android:width="1dp" />
+</shape>

presentation/src/main/res/layout/activity_preference_tag.xml

@@ -13,42 +13,71 @@
         android:background="@color/white_000"
         tools:context=".preferencetag.PreferenceTagActivity">
 
-        <TextView
-            android:id="@+id/tv_preference_title"
-            android:layout_width="wrap_content"
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/layout_preference_tag"
+            android:layout_width="0dp"
             android:layout_height="wrap_content"
-            android:layout_marginTop="12dp"
-            android:fontFamily="@font/pretendard_bold"
-            android:text="@string/preference_tv_title"
-            android:textColor="@color/black_000"
-            android:textSize="18sp"
+            android:background="@drawable/layer_list_preference_tag_gray200_line"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+            app:layout_constraintTop_toTopOf="parent">
+
+            <ImageView
+                android:id="@+id/btn_preference_back"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="10dp"
+                android:layout_marginTop="18dp"
+                android:layout_marginBottom="4dp"
+                android:src="@drawable/ic_back"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                style="@style/TextAppearance.Doorip.Body1.Bold"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="4dp"
+                android:text="@string/preference_tv_title"
+                android:textColor="@color/gray_700"
+                app:layout_constraintBottom_toBottomOf="@id/btn_preference_back"
+                app:layout_constraintStart_toEndOf="@id/btn_preference_back"
+                app:layout_constraintTop_toTopOf="@id/btn_preference_back" />
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
 
         <androidx.recyclerview.widget.RecyclerView
             android:id="@+id/rv_preference_tag"
             android:layout_width="0dp"
             android:layout_height="0dp"
-            android:background="@color/gray_200"
-            android:paddingTop="17dp"
+            android:background="@color/gray_50"
             app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
             app:layout_constraintBottom_toTopOf="@id/btn_preference_start"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/tv_preference_title"
+            app:layout_constraintTop_toBottomOf="@id/layout_preference_tag"
             tools:listitem="@layout/item_preference_tag" />
 
+        <ImageView
+            android:id="@+id/iv_preference_blur"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_preference_tag_blur"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
         <androidx.appcompat.widget.AppCompatButton
             android:id="@+id/btn_preference_start"
             style="@style/button_style"
             android:layout_width="0dp"
             android:layout_height="wrap_content"
-            android:layout_marginHorizontal="18dp"
-            android:layout_marginBottom="50dp"
+            android:layout_marginHorizontal="24dp"
+            android:layout_marginBottom="22dp"
             android:background="@drawable/sel_rounded_corner_button"
-            android:backgroundTint="@color/black_000"
-            android:text="@string/preference_btn_start"
+            android:backgroundTint="@color/gray_500"
+            android:text="@string/preference_btn_next"
             android:textColor="@color/white_000"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"

presentation/src/main/res/layout/fragment_completed_trip.xml

@@ -18,7 +18,6 @@
             android:layout_width="0dp"
             android:layout_height="wrap_content"
             android:orientation="vertical"
-            android:paddingTop="20dp"
             app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"

presentation/src/main/res/layout/item_dash_board_completed.xml

@@ -6,7 +6,6 @@
     android:layout_height="wrap_content"
     android:paddingBottom="14dp">
 
-
     <androidx.constraintlayout.widget.ConstraintLayout
         android:id="@+id/layout_dashboard"
         android:layout_width="0dp"