Feature/12 reccomend view

app/build.gradle

@@ -25,6 +25,10 @@ android {
             proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
         }
     }
+
+    buildFeatures{
+        viewBinding true
+    }
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_11
         targetCompatibility JavaVersion.VERSION_11

app/src/main/AndroidManifest.xml

@@ -16,6 +16,13 @@
         android:theme="@style/Theme.NotToDo"
         android:usesCleartextTraffic="true"
         tools:targetApi="31">
+        <activity
+            android:name=".RecommendActivity"
+            android:exported="false">
+            <meta-data
+                android:name="android.app.lib_name"
+                android:value="" />
+        </activity>
 
         <service
             android:name=".FirebaseMessagingService"
@@ -24,6 +31,7 @@
                 <action android:name="com.google.firebase.MESSAGING_EVENT" />
             </intent-filter>
         </service>
+
         <activity
             android:name=".presentation.MainActivity"
             android:exported="true">

app/src/main/java/kr/co/nottodo/RecommendActivity.kt

@@ -0,0 +1,11 @@
+package kr.co.nottodo
+
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+
+class RecommendActivity : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.fragment_recommendation)
+    }
+}

app/src/main/java/kr/co/nottodo/presentation/MainActivity.kt

@@ -11,6 +11,7 @@ import kr.co.nottodo.R
 import kr.co.nottodo.databinding.ActivityMainBinding
 
 class MainActivity : AppCompatActivity() {
+
     private lateinit var binding: ActivityMainBinding
 
     override fun onCreate(savedInstanceState: Bundle?) {

app/src/main/java/kr/co/nottodo/presentation/toplevel/recommendation/RecommendationAdapter.kt

@@ -0,0 +1,86 @@
+package kr.co.nottodo.presentation.toplevel.recommendation
+
+import android.annotation.SuppressLint
+import android.graphics.Color
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.databinding.DataBindingUtil
+import androidx.recyclerview.widget.RecyclerView
+import kr.co.nottodo.R
+import kr.co.nottodo.databinding.ItemRecommendBinding
+import kr.co.nottodo.presentation.toplevel.recommendation.data.Recommendationdata
+
+class RecommendationAdapter(private val tools: List<Recommendationdata>) :
+    RecyclerView.Adapter<RecommendationViewHolder>() {
+
+    private val sampleItems = mutableListOf<Recommendationdata>()
+    private val items: List<Recommendationdata> = tools
+    private var selectedPosition = -1
+    private var lastItemSelectedPosition = -1
+
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int):
+            RecommendationViewHolder {
+        val layoutInflater = LayoutInflater.from(parent.context)
+        val binding: ItemRecommendBinding =
+            DataBindingUtil.inflate(layoutInflater, R.layout.item_recommend, parent, false)
+        return RecommendationViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(
+        holder: RecommendationViewHolder, position: Int
+    ) {
+        if (position == selectedPosition) {
+            selectBackground(holder, sampleItems[position])
+        } else {
+            normalBackground(holder, sampleItems[position])
+        }
+        bind(holder, position)
+    }
+
+    override fun getItemCount(): Int = sampleItems.size
+
+    fun submitList(list: List<Recommendationdata>) {
+        sampleItems.clear()
+        sampleItems.addAll(list)
+        notifyDataSetChanged()
+    }
+
+    private fun bind(
+        holder: RecommendationViewHolder,
+        position: Int
+    ) {
+        if (!holder.itemView.hasOnClickListeners()) {
+            holder.itemView.setOnClickListener {
+                selectedPosition = position
+                lastItemSelectedPosition = if (lastItemSelectedPosition == -1) {
+                    selectedPosition
+                } else {
+                    notifyItemChanged(lastItemSelectedPosition)
+                    selectedPosition
+                }
+                notifyItemChanged(selectedPosition)
+            }
+        }
+    }
+
+    private fun normalBackground(
+        holder: RecommendationViewHolder,
+        data: Recommendationdata
+    ) {
+        holder.binding.apply {
+            this.root.setBackgroundColor(Color.parseColor("#334455"))
+            executePendingBindings()
+        }
+    }
+
+    private fun selectBackground(
+        holder: RecommendationViewHolder,
+        data: Recommendationdata
+    ) {
+        holder.binding.apply {
+            this.root.setBackgroundColor(Color.parseColor("#112233"))
+            executePendingBindings()
+        }
+    }
+}

app/src/main/java/kr/co/nottodo/presentation/toplevel/recommendation/RecommendationFragment.kt

@@ -0,0 +1,45 @@
+package kr.co.nottodo.presentation.toplevel.recommendation
+
+import android.os.Bundle
+import androidx.fragment.app.Fragment
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.databinding.DataBindingUtil
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import kotlinx.coroutines.NonDisposableHandle.parent
+import kr.co.nottodo.R
+import kr.co.nottodo.databinding.FragmentRecommendationBinding
+import kr.co.nottodo.databinding.ItemRecommendBinding
+import kr.co.nottodo.presentation.toplevel.recommendation.data.Recommendationdata
+
+class RecommendViewHolder(val binding: ItemRecommendBinding) : RecyclerView.ViewHolder(binding.root)
+
+class RecommendationFragment : Fragment() {
+
+    private lateinit var binding: FragmentRecommendationBinding
+    private lateinit var recommendationAdapter: RecommendationAdapter
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        binding = DataBindingUtil.inflate<FragmentRecommendationBinding>(
+            inflater,R.layout.fragment_recommendation, container,false
+        )
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        // 여기서 프라그먼트 작업을 해주시면 좋습니다
+        val itemList: List<Recommendationdata> = listOf(Recommendationdata("ㅎㅇ", "ㅎㅇ"), Recommendationdata("ㅎㅇ", "ㅎㅇ") )
+        recommendationAdapter = RecommendationAdapter(itemList)
+
+        binding.rvRecommendation.adapter = recommendationAdapter
+        binding.rvRecommendation.apply {
+            layoutManager = LinearLayoutManager(context,LinearLayoutManager.HORIZONTAL,false)
+        }
+    }
+}

app/src/main/java/kr/co/nottodo/presentation/toplevel/recommendation/RecommendationViewHolder.kt

@@ -0,0 +1,18 @@
+package kr.co.nottodo.presentation.toplevel.recommendation
+
+import androidx.recyclerview.widget.RecyclerView
+import androidx.recyclerview.widget.RecyclerView.ViewHolder
+import com.bumptech.glide.Glide
+import kr.co.nottodo.databinding.ItemRecommendBinding
+import kr.co.nottodo.presentation.toplevel.recommendation.data.Recommendationdata
+
+class RecommendationViewHolder(
+    val binding: ItemRecommendBinding
+) : RecyclerView.ViewHolder(binding.root) {
+
+    fun onBind(data: Recommendationdata) {
+        Glide.with(binding.root.context)
+            .load("https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory&fname=https://k.kakaocdn.net/dn/EShJF/btquPLT192D/SRxSvXqcWjHRTju3kHcOQK/img.png")
+            .into(binding.ivRecommend)
+    }
+}

app/src/main/java/kr/co/nottodo/presentation/toplevel/recommendation/data/Recommendationdata.kt

@@ -0,0 +1,6 @@
+package kr.co.nottodo.presentation.toplevel.recommendation.data
+
+data class Recommendationdata(
+    val image: String, // 서버에서 이미지 url이 내려오는 경우 String으로 받아야합니다.
+    val name: String,
+)

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

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout 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">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".RecommendActivity">
+
+        <EditText
+            android:id="@+id/et_recommend"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="94dp"
+            android:layout_marginTop="37dp"
+            android:layout_marginBottom="21dp"
+            android:text="추천받기"
+            android:textSize="22sp"
+            app:layout_constraintBottom_toTopOf="@id/divider"
+            app:layout_constraintStart_toEndOf="@id/btn_recommendation_back"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <View
+            android:id="@+id/divider"
+            android:layout_width="match_parent"
+            android:layout_height="1dp"
+            android:layout_marginTop="21dp"
+            android:backgroundTint="@color/gray_1_626068"
+            app:layout_constraintTop_toBottomOf="@id/et_recommend" />
+
+        <ImageButton
+            android:id="@+id/btn_recommendation_back"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="38dp"
+            android:src="@drawable/ic_btn_back"
+            app:layout_constraintEnd_toStartOf="@id/et_recommend"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/rv_recommendation"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginHorizontal="10dp"
+            android:layout_marginTop="20dp"
+            app:layout_constraintTop_toBottomOf="@id/divider"
+            app:spanCount="5"
+            tools:listitem="@layout/item_recommend" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>

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

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout 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">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content">
+
+        <ImageView
+            android:id="@+id/iv_recommend"
+            android:layout_width="46dp"
+            android:layout_height="46dp"
+            android:layout_marginStart="12dp"
+            android:layout_marginEnd="12dp"
+            android:layout_marginTop="8dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:src="@drawable/ic_sns_active" />
+
+        <TextView
+            android:id="@+id/tv_recommend_title"
+            style="@style/B12"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="6dp"
+            android:layout_marginBottom="12dp"
+            android:textColor="@color/gray_1_626068"
+            android:text="민영 테스트"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="@id/iv_recommend"
+            app:layout_constraintStart_toStartOf="@id/iv_recommend"
+            app:layout_constraintTop_toBottomOf="@id/iv_recommend"
+            tools:text="민영 테스트" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
+

app/src/main/res/values/strings.xml

@@ -1,6 +1,5 @@
 <resources>
     <string name="app_name">NotToDo</string>
-
     <!--home-->
     <string name="home_menu_home">홈</string>
     <string name="home_menu_recommend">추천</string>