[Kara/#13] feat: 3주차 구현 완료

UMC_6th/app/build.gradle.kts

@@ -48,6 +48,7 @@ dependencies {
     implementation(libs.androidx.activity)
     implementation(libs.androidx.constraintlayout)
     implementation ("androidx.fragment:fragment-ktx:1.6.2")
+    implementation ("me.relex:circleindicator:2.1.6")
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)

UMC_6th/app/src/main/java/com/example/myfirstapp/AlbumFragment.kt

@@ -7,11 +7,14 @@ import android.view.ViewGroup
 import android.widget.Toast
 import androidx.fragment.app.Fragment
 import com.example.myfirstapp.databinding.FragmentAlbumBinding
+import com.google.android.material.tabs.TabLayoutMediator
 
 class AlbumFragment : Fragment() {
 
     lateinit var binding : FragmentAlbumBinding
 
+    private  val information = arrayListOf("수록곡","상세정보","영상")
+
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
@@ -26,24 +29,13 @@ class AlbumFragment : Fragment() {
         binding.albumBackIv.setOnClickListener{
             (context as MainActivity).supportFragmentManager.beginTransaction().replace(R.id.main_container,HomeFragment()).commitAllowingStateLoss()
         }
-        binding.albumSongLalacCl.setOnClickListener{
-            Toast.makeText(activity,"LILAC",Toast.LENGTH_SHORT).show()
-        }
-        binding.albumSongFluCl.setOnClickListener{
-            Toast.makeText(activity,"FLU",Toast.LENGTH_SHORT).show()
-        }
-        binding.albumSongCoinCl.setOnClickListener{
-            Toast.makeText(activity,"Coin",Toast.LENGTH_SHORT).show()
-        }
-        binding.albumSongSpringhelloCl.setOnClickListener{
-            Toast.makeText(activity,"봄 안녕 봄",Toast.LENGTH_SHORT).show()
-        }
-        binding.albumSongCelebrityCl.setOnClickListener{
-            Toast.makeText(activity,"Celebrity",Toast.LENGTH_SHORT).show()
-        }
-        binding.albumSongSingCl.setOnClickListener{
-            Toast.makeText(activity,"돌림노래 (Feat.DEAN)",Toast.LENGTH_SHORT).show()
-        }
+
+        val albumVpAdapter = AlbumVpAdapter(this)
+        binding.albumContentVp.adapter = albumVpAdapter
+        TabLayoutMediator(binding.albumContentTb,binding.albumContentVp){
+            tab ,position ->
+            tab.text =information[position]
+        }.attach()
 
         return binding.root
     }

UMC_6th/app/src/main/java/com/example/myfirstapp/AlbumVpAdapter.kt

@@ -0,0 +1,17 @@
+package com.example.myfirstapp
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class AlbumVpAdapter(fragment: Fragment) : FragmentStateAdapter(fragment) {
+    override fun getItemCount(): Int = 3
+
+    override fun createFragment(position: Int): Fragment {
+        return when(position){
+            0 -> SongFragment()
+            1 -> DetailFragment()
+            else -> VideoFragment()
+        }
+    }
+
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/BannerFragment.kt

@@ -0,0 +1,24 @@
+package com.example.myfirstapp
+
+import android.content.res.Configuration
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentBannerBinding
+
+class BannerFragment(val imgRes : Int) : Fragment() {
+    lateinit var binding : FragmentBannerBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentBannerBinding.inflate(inflater, container, false)
+
+        binding.bannerImgIv.setImageResource(imgRes)
+        return binding.root
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/BannerVPAdapter.kt

@@ -0,0 +1,19 @@
+package com.example.myfirstapp
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class BannerVPAdapter(fragment: Fragment) : FragmentStateAdapter(fragment){
+
+    private val fragmentList : ArrayList<Fragment> = ArrayList()
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    override fun createFragment(position: Int): Fragment = fragmentList[position]
+
+    fun addFragment(fragment: Fragment){
+        fragmentList.add(fragment)
+        notifyItemInserted(fragmentList.size-1)
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/DetailFragment.kt

@@ -0,0 +1,22 @@
+package com.example.myfirstapp
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentDetailBinding
+
+class DetailFragment : Fragment(){
+
+    lateinit var binding: FragmentDetailBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentDetailBinding.inflate(inflater,container,false)
+        return binding.root
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/HomeFragment.kt

@@ -1,15 +1,24 @@
 package com.example.myfirstapp
 
 import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import androidx.fragment.app.Fragment
+import androidx.viewpager2.widget.ViewPager2
 import com.example.myfirstapp.databinding.FragmentHomeBinding
+import java.util.Timer
+import java.util.TimerTask
 
 class HomeFragment : Fragment() {
 
     lateinit var binding: FragmentHomeBinding
+
+
+    private val timer = Timer()
+    private val handler = Handler(Looper.getMainLooper())
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
@@ -29,6 +38,43 @@ class HomeFragment : Fragment() {
             (context as MainActivity).supportFragmentManager.beginTransaction()
                 .replace(R.id.main_container, albumFragment).commitAllowingStateLoss()
         }
+        val bannerAdapter = BannerVPAdapter(this)
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp))
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp2))
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp))
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp2))
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp))
+        bannerAdapter.addFragment(BannerFragment(R.drawable.img_home_viewpager_exp2))
+        binding.homeBannerVp.adapter =bannerAdapter
+        binding.homeBannerVp.orientation = ViewPager2.ORIENTATION_HORIZONTAL
+
+        binding.homeBannerIndicator.setViewPager(binding.homeBannerVp)
+
+        autoSlide(bannerAdapter)
+
+        val pannelAdpater = PannelVPAdapter(this)
+        pannelAdpater.addFragment(PannelFragment(R.drawable.img_first_album_default))
+        pannelAdpater.addFragment(PannelFragment(R.drawable.img_first_album_default))
+        binding.homePannelBackgroundVp.adapter = pannelAdpater
+        binding.homePannelBackgroundVp.orientation = ViewPager2.ORIENTATION_HORIZONTAL
+
+        binding.homePannelIndicator.setViewPager(binding.homePannelBackgroundVp)
+
         return binding.root
     }
+
+    private fun autoSlide(adapter: BannerVPAdapter) {
+        timer.scheduleAtFixedRate(object : TimerTask() {
+            override fun run() {
+                handler.post {
+                    val nextItem = binding.homeBannerVp.currentItem + 1
+                    if (nextItem < adapter.itemCount) {
+                        binding.homeBannerVp.currentItem = nextItem
+                    } else {
+                        binding.homeBannerVp.currentItem = 0 // 순환
+                    }
+                }
+            }
+        }, 3000, 3000)
+    }
 }

UMC_6th/app/src/main/java/com/example/myfirstapp/LockerFragment.kt

@@ -5,15 +5,27 @@ import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentLockerBinding
+import com.google.android.material.tabs.TabLayoutMediator
 
 class LockerFragment : Fragment() {
-    // 여기에 Fragment의 구현 내용을 작성합니다.
+    lateinit var binding: FragmentLockerBinding
+    private val information = arrayListOf("저장한 곡", "음악파일", "저장앨범")
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
         savedInstanceState: Bundle?
     ): View? {
-        // 여기에서 Fragment의 레이아웃을 인플레이트합니다.
-        return inflater.inflate(R.layout.fragment_locker, container, false)
+        binding = FragmentLockerBinding.inflate(inflater, container, false)
+
+        val lockerAdapter = LockerVPAdapter(this)
+        binding.lockerContentVp.adapter = lockerAdapter
+
+        TabLayoutMediator(binding.lockerContentTb, binding.lockerContentVp){
+                tab, position ->
+            tab.text = information[position]
+        }.attach()
+        return binding.root
+
     }
 }

UMC_6th/app/src/main/java/com/example/myfirstapp/LockerVPAdapter.kt

@@ -0,0 +1,18 @@
+package com.example.myfirstapp
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class LockerVPAdapter (fragment: Fragment) : FragmentStateAdapter(fragment){
+    override fun getItemCount(): Int = 3
+
+    override fun createFragment(position: Int): Fragment {
+        return when(position){
+            0 -> SavedSongFragment()
+            1 -> MusicFileFragment()
+            else -> SavedAlbumFragment()
+        }
+    }
+
+
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/MusicFileFragment.kt

@@ -0,0 +1,23 @@
+package com.example.myfirstapp
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentDetailBinding
+import com.example.myfirstapp.databinding.FragmentMusicfileBinding
+
+class MusicFileFragment : Fragment(){
+
+    lateinit var binding: FragmentMusicfileBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentMusicfileBinding.inflate(inflater,container,false)
+        return binding.root
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/PannelFragment.kt

@@ -0,0 +1,27 @@
+package com.example.myfirstapp
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentPannelBinding
+
+class PannelFragment (val imgRes : Int) : Fragment(){
+
+    lateinit var binding : FragmentPannelBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentPannelBinding.inflate(inflater, container, false)
+        binding.pannelImageIv.setImageResource(imgRes)
+        return binding.root
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/PannelVPAdapter.kt

@@ -0,0 +1,22 @@
+package com.example.myfirstapp
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+
+class PannelVPAdapter (fragment : Fragment) : FragmentStateAdapter(fragment) {
+
+    private val fragmentList : ArrayList<Fragment> = ArrayList()
+
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    fun addFragment(fragment: Fragment) {
+        fragmentList.add(fragment)
+        notifyItemInserted(fragmentList.size-1)
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/SavedAlbumFragment.kt

@@ -0,0 +1,24 @@
+package com.example.myfirstapp
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentDetailBinding
+import com.example.myfirstapp.databinding.FragmentMusicfileBinding
+import com.example.myfirstapp.databinding.FragmentSavedalbumBinding
+
+class SavedAlbumFragment : Fragment(){
+
+    lateinit var binding: FragmentSavedalbumBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentSavedalbumBinding.inflate(inflater,container,false)
+        return binding.root
+    }
+}

UMC_6th/app/src/main/java/com/example/myfirstapp/SavedSongFragment.kt

@@ -0,0 +1,24 @@
+package com.example.myfirstapp
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.example.myfirstapp.databinding.FragmentDetailBinding
+import com.example.myfirstapp.databinding.FragmentMusicfileBinding
+import com.example.myfirstapp.databinding.FragmentSavedsongBinding
+
+class SavedSongFragment : Fragment(){
+
+    lateinit var binding: FragmentSavedsongBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentSavedsongBinding.inflate(inflater,container,false)
+        return binding.root
+    }
+}