kuring-168 메인 화면을 compose로 migrate (#235)

* [추가] 메인 화면의 navigation route 정의

* [추가] 메인 화면의 navigation bar 정의

* [추가] compose type-safe navigation 라이브러리 추가

* [수정] 메인 화면 route에 @serializable 어노테이션 추가

* [수정] KuringSwitch에서 라이브러리 변경에 대응

* [추가] MainScreen composable 구현

* [수정] MainActivity에서 XML 대신 Compose MainScreen을 호출

* [제거] 사용하지 않는 view 코드 제거

* Fix transition issue

* [수정] KuringSwitch의 미구현 인터페이스 구현

---------

Co-authored-by: HyunWoo Lee <[email protected]>

build-logic/src/main/kotlin/com/ku_stacks/ku_ring/buildlogic/primitive/KotlinPlugin.kt

@@ -18,6 +18,7 @@ class KotlinPlugin : Plugin<Project> {
  with(target) {
  with(plugins) {
  apply("kotlin-android")
+ apply("kotlinx-serialization")
  }
 
  tasks.withType<KotlinCompile> {
@@ -36,6 +37,8 @@ class KotlinPlugin : Plugin<Project> {
  implementation(libs.library("kotlinx-coroutines-android"))
  implementation(libs.library("kotlinx-coroutines-reactive"))
  implementation(libs.library("kotlinx-coroutines-rxjava3"))
+
+ implementation(libs.library("kotlinx-serialization"))
  }
  }
 }

build.gradle.kts

@@ -11,6 +11,7 @@ buildscript {
  classpath(libs.google.services)
  classpath(libs.firebase.crashlytics.gradle)
  classpath(libs.oss.licenses)
+ classpath(libs.kotlinx.serialization.plugin)
  }
 }
 

common/designsystem/src/main/java/com/ku_stacks/ku_ring/designsystem/components/KuringSwitch.kt

@@ -1,7 +1,11 @@
 package com.ku_stacks.ku_ring.designsystem.components
 
 import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.AnimationVector
+import androidx.compose.animation.core.DecayAnimationSpec
 import androidx.compose.animation.core.TweenSpec
+import androidx.compose.animation.core.TwoWayConverter
+import androidx.compose.animation.core.VectorizedDecayAnimationSpec
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
@@ -102,13 +106,18 @@ fun KuringSwitch(
  val anchoredDraggableState = remember(maxBound, switchVelocityThresholdPx) {
  AnchoredDraggableState(
  initialValue = checked,
- animationSpec = AnimationSpec,
  anchors = DraggableAnchors {
  false at minBound
  true at maxBound
  },
- positionalThreshold = { distance -> distance * SwitchPositionalThreshold },
- velocityThreshold = { switchVelocityThresholdPx }
+ positionalThreshold = { distance: Float -> distance * SwitchPositionalThreshold },
+ velocityThreshold = { switchVelocityThresholdPx },
+ snapAnimationSpec = AnimationSpec,
+ decayAnimationSpec = object : DecayAnimationSpec<Float> {
+ override fun <V : AnimationVector> vectorize(typeConverter: TwoWayConverter<Float, V>): VectorizedDecayAnimationSpec<V> {
+ return vectorize(typeConverter)
+ }
+ },
  )
  }
  val currentOnCheckedChange by rememberUpdatedState(onCheckedChange)

feature/main/src/main/java/com/ku_stacks/ku_ring/main/MainActivity.kt

@@ -4,11 +4,18 @@ import android.app.Activity
 import android.content.Context
 import android.content.Intent
 import android.os.Bundle
-import android.view.MenuItem
+import androidx.activity.compose.setContent
 import androidx.appcompat.app.AppCompatActivity
-import androidx.viewpager2.widget.ViewPager2
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.navigation.compose.rememberNavController
+import com.ku_stacks.ku_ring.designsystem.kuringtheme.KuringTheme
 import com.ku_stacks.ku_ring.domain.WebViewNotice
-import com.ku_stacks.ku_ring.main.databinding.ActivityMainBinding
 import com.ku_stacks.ku_ring.ui_util.KuringNavigator
 import com.ku_stacks.ku_ring.ui_util.showToast
 import dagger.hilt.android.AndroidEntryPoint
@@ -17,23 +24,9 @@ import javax.inject.Inject
 @AndroidEntryPoint
 class MainActivity : AppCompatActivity() {
 
- private lateinit var binding: ActivityMainBinding
-
  @Inject
  lateinit var navigator: KuringNavigator
 
- private val pageChangeCallback = object : ViewPager2.OnPageChangeCallback() {
- override fun onPageSelected(position: Int) {
- binding.mainBottomNavigation.selectedItemId = when (position) {
- 0 -> R.id.notice_screen
- 1 -> R.id.archive_screen
- 2 -> R.id.campus_map_screen
- 3 -> R.id.setting_screen
- else -> throw IllegalStateException("no such main viewpager position")
- }
- }
- }
-
  private var backPressedTime = 0L
 
  override fun onNewIntent(intent: Intent) {
@@ -51,40 +44,23 @@ class MainActivity : AppCompatActivity() {
  navToNoticeActivity(webViewNotice)
  }
 
- setupBinding()
- setupView()
- }
-
- private fun setupBinding() {
- binding = ActivityMainBinding.inflate(layoutInflater)
- setContentView(binding.root)
- }
-
- private fun setupView() {
- val pagerAdapter = MainPagerAdapter(supportFragmentManager, lifecycle)
-
- binding.mainViewPager.apply {
- adapter = pagerAdapter
- registerOnPageChangeCallback(pageChangeCallback)
- isUserInputEnabled = false
- offscreenPageLimit = pagerAdapter.itemCount
- }
-
- binding.mainBottomNavigation.setOnItemSelectedListener {
- navigationSelected(it)
- }
- }
-
- private fun navigationSelected(item: MenuItem): Boolean {
- when (item.setChecked(true).itemId) {
- R.id.notice_screen -> binding.mainViewPager.setCurrentItem(0, false)
- R.id.archive_screen -> binding.mainViewPager.setCurrentItem(1, false)
- R.id.campus_map_screen -> binding.mainViewPager.setCurrentItem(2, false)
- R.id.setting_screen -> binding.mainViewPager.setCurrentItem(3, false)
- else -> return false
+ setContent {
+ KuringTheme {
+ var currentRoute: MainScreenRoute by remember { mutableStateOf(MainScreenRoute.Notice) }
+ val navController = rememberNavController()
+ MainScreen(
+ navController = navController,
+ currentRoute = currentRoute,
+ onNavigateToRoute = {
+ if (currentRoute != it) {
+ currentRoute = it
+ navController.navigate(it)
+ }
+ },
+ modifier = Modifier.fillMaxSize().background(KuringTheme.colors.background),
+ )
+ }
  }
-
- return true
  }
 
  private fun navToNoticeActivity(webViewNotice: WebViewNotice) {
@@ -100,11 +76,6 @@ class MainActivity : AppCompatActivity() {
  }
  }
 
- override fun onDestroy() {
- super.onDestroy()
- binding.mainViewPager.unregisterOnPageChangeCallback(pageChangeCallback)
- }
-
  companion object {
  fun createIntent(context: Context) = Intent(context, MainActivity::class.java)