[Feature] 버스 검색 결과 스크린

core/designsystem/src/main/java/in/koreatech/koin/core/designsystem/component/picker/KoinPicker.kt

@@ -0,0 +1,122 @@
+package `in`.koreatech.koin.core.designsystem.component.picker
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.gestures.snapping.rememberSnapFlingBehavior
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.snapshotFlow
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.onSizeChanged
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+import kotlinx.coroutines.flow.map
+
+/**
+ * 아이템 피커
+ * @param items 아이템 리스트
+ * @param pickerState PickerState
+ * @param visibleItemsCount 보여질 아이템 수
+ * @param modifier Modifier
+ * @param infiniteScroll 무한 스크롤 여부
+ * @param startIndex 시작 인덱스
+ * @param contentPadding 아이템 내부 Padding
+ * @param selectedTextStyle 선택 아이템 텍스트 스타일
+ * @param unselectedTextStyle 선택되지 않은 아이템 텍스트 스타일
+ * @param selectedItemColor 선택 아이템 색상
+ * @param unselectedItemColor 선택되지 않은 아이템 색상
+ */
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun KoinPicker(
+    items: List<String>,
+    pickerState: PickerState,
+    visibleItemsCount: Int,
+    modifier: Modifier = Modifier,
+    infiniteScroll: Boolean = true,
+    startIndex: Int = 0,
+    contentPadding: PaddingValues = PaddingValues(vertical = 2.dp),
+    selectedTextStyle: TextStyle = KoinTheme.typography.medium16,
+    unselectedTextStyle: TextStyle = KoinTheme.typography.medium16,
+    selectedItemColor: Color = KoinTheme.colors.primary500,
+    unselectedItemColor: Color = KoinTheme.colors.neutral500,
+) {
+
+    val newItems = if (infiniteScroll) items
+        else List(visibleItemsCount / 2) { "" } + items + List(visibleItemsCount / 2) { "" }
+
+    val visibleItemsMiddle = visibleItemsCount / 2
+    val listScrollCount = if (infiniteScroll) Int.MAX_VALUE else newItems.size
+    val listScrollMiddle = listScrollCount / 2
+    val listStartIndex =
+        (listScrollMiddle - listScrollMiddle % newItems.size - visibleItemsMiddle + startIndex).coerceAtLeast(startIndex)
+
+    val listState = rememberLazyListState(initialFirstVisibleItemIndex = listStartIndex)
+    val flingBehavior = rememberSnapFlingBehavior(lazyListState = listState)
+
+    var selectedItemIndex by remember { mutableIntStateOf(startIndex) }
+
+    var itemHeight by remember { mutableStateOf(0.dp) }
+    val density = LocalDensity.current
+
+    LazyColumn(
+        state = listState,
+        flingBehavior = flingBehavior,
+        modifier = modifier.height(itemHeight * visibleItemsCount)
+    ) {
+        items(listScrollCount) { index ->
+            Text(
+                text = newItems.getItem(index),
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis,
+                style = if (selectedItemIndex == index) selectedTextStyle else unselectedTextStyle,
+                color = if (selectedItemIndex == index) selectedItemColor else unselectedItemColor,
+                modifier = Modifier
+                    .fillMaxSize()
+                    .onSizeChanged {
+                        itemHeight = with(density) {
+                            it.height.toDp()
+                        }
+                    }
+                    .padding(contentPadding)
+            )
+        }
+    }
+
+    LaunchedEffect(listState) {
+        snapshotFlow {
+            listState.firstVisibleItemIndex
+        }.map { index ->
+            index + visibleItemsMiddle
+        }.collect { middle ->
+            selectedItemIndex = middle
+            pickerState.selectedItem = newItems.getItem(middle)
+            pickerState.selectedItemIndex = middle % newItems.size - if (infiniteScroll.not()) visibleItemsMiddle else 0
+        }
+    }
+}
+
+@Composable
+fun rememberPickerState() = remember { PickerState() }
+
+class PickerState internal constructor() {
+    var selectedItem by mutableStateOf("")
+    var selectedItemIndex by mutableIntStateOf(0)
+}
+
+private fun List<String>.getItem(index: Int) = this[index % this.size]

feature/bus/src/main/AndroidManifest.xml

@@ -3,7 +3,11 @@
 
     <application>
         <activity
-            android:name="in.koreatech.bus.Bus2Activity"
+            android:name="in.koreatech.bus.BusTimetableActivity"
+            android:exported="false" />
+
+        <activity
+            android:name="in.koreatech.bus.BusSearchActivity"
             android:exported="false" />
     </application>
 

feature/bus/src/main/java/in/koreatech/bus/Bus2Activity.kt → feature/bus/src/main/java/in/koreatech/bus/BusSearchActivity.kt

@@ -5,26 +5,19 @@ import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
 import androidx.appcompat.app.AppCompatActivity
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.material3.MaterialTheme
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.ComposeView
-import androidx.core.view.ViewCompat
-import androidx.core.view.WindowInsetsCompat
-import androidx.navigation.compose.rememberNavController
 import dagger.hilt.android.AndroidEntryPoint
-import `in`.koreatech.bus.navigation.BusNavigation
+import `in`.koreatech.bus.navigation.BusSearchNavigation
 import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
-import `in`.koreatech.koin.feature.bus.R
 
 @AndroidEntryPoint
-class Bus2Activity : AppCompatActivity() {
+class BusSearchActivity : AppCompatActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         enableEdgeToEdge()
         setContent {
             KoinTheme {
-                BusNavigation(
+                BusSearchNavigation(
                     modifier = Modifier.fillMaxSize()
                 )
             }

feature/bus/src/main/java/in/koreatech/bus/BusTimetableActivity.kt

@@ -0,0 +1,26 @@
+package `in`.koreatech.bus
+
+import android.os.Bundle
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.ui.Modifier
+import dagger.hilt.android.AndroidEntryPoint
+import `in`.koreatech.bus.navigation.BusTimetableNavigation
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+
+@AndroidEntryPoint
+class BusTimetableActivity : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent {
+            KoinTheme {
+                BusTimetableNavigation(
+                    modifier = Modifier.fillMaxSize()
+                )
+            }
+        }
+    }
+}

feature/bus/src/main/java/in/koreatech/bus/MainEntryView.kt

@@ -0,0 +1,142 @@
+package `in`.koreatech.bus
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.rounded.KeyboardArrowRight
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.material3.ripple
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import `in`.koreatech.koin.core.designsystem.theme.KoinTheme
+import `in`.koreatech.koin.feature.bus.R
+
+@Composable
+fun MainEntryView(
+    onShuttleTicketClicked: () -> Unit,
+    onTimetableCardClicked: () -> Unit,
+    onSearchCardClicked: () -> Unit,
+    modifier: Modifier = Modifier
+) {
+    val unibusInteractionSource = remember { MutableInteractionSource() }
+    val timetableInteractionSource = remember { MutableInteractionSource() }
+    val searchInteractionSource = remember { MutableInteractionSource() }
+    Column(
+        modifier = modifier
+    ) {
+        Row(
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = stringResource(R.string.bus),
+                style = KoinTheme.typography.bold18,
+                color = KoinTheme.colors.primary500
+            )
+            Spacer(modifier = Modifier.weight(1f))
+            Row(
+                modifier = Modifier
+                    .clip(
+                        RoundedCornerShape(8.dp)
+                    )
+                    .clickable(
+                        interactionSource = unibusInteractionSource,
+                        indication = ripple(bounded = false)
+                    ) {
+                        onShuttleTicketClicked()
+                    }
+                    .padding(8.dp),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_qr),
+                    contentDescription = stringResource(R.string.unibus_shortcut_content_description),
+                    tint = KoinTheme.colors.primary500
+                )
+                Text(
+                    modifier = Modifier.padding(start = 4.dp),
+                    text = stringResource(R.string.shuttle_ticket),
+                    style = KoinTheme.typography.regular14,
+                    color = KoinTheme.colors.primary500
+                )
+            }
+        }
+
+        Row {
+            MainEntryCard(
+                title = stringResource(R.string.main_title_bus_timetable),
+                description = stringResource(R.string.shortcut),
+                modifier = Modifier
+                    .padding(top = 20.dp)
+                    .clip(RoundedCornerShape(8.dp))
+                    .background(color = KoinTheme.colors.neutral50)
+                    .clickable(
+                        interactionSource = timetableInteractionSource,
+                        indication = ripple(bounded = false)
+                    ) {
+                        onTimetableCardClicked()
+                    }.padding(horizontal = 16.dp)
+                    .weight(1f)
+            )
+            Spacer(modifier = Modifier.width(16.dp))
+            MainEntryCard(
+                title = stringResource(R.string.main_title_bus_search),
+                description = stringResource(R.string.see),
+                modifier = Modifier
+                    .padding(top = 20.dp)
+                    .clip(RoundedCornerShape(8.dp))
+                    .background(color = KoinTheme.colors.neutral50)
+                    .clickable(
+                        interactionSource = searchInteractionSource,
+                        indication = ripple(bounded = false)
+                    ) {
+                        onSearchCardClicked()
+                    }.padding(horizontal = 16.dp)
+                    .weight(1f)
+            )
+        }
+    }
+}
+
+@Composable
+private fun MainEntryCard(
+    title: String,
+    description: String,
+    modifier: Modifier = Modifier,
+) {
+    Row(
+        modifier = modifier,
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Column(
+            modifier = Modifier.padding(vertical = 12.dp)
+        ) {
+            Text(
+                text = title,
+                style = KoinTheme.typography.medium14
+            )
+            Text(
+                text = description,
+                style = KoinTheme.typography.regular12
+            )
+        }
+        Spacer(modifier = Modifier.weight(1f))
+        Icon(
+            imageVector = Icons.AutoMirrored.Rounded.KeyboardArrowRight,
+            contentDescription = title
+        )
+    }
+}

feature/bus/src/main/java/in/koreatech/bus/navigation/BusSearchNavigation.kt

@@ -0,0 +1,50 @@
+package `in`.koreatech.bus.navigation
+
+import androidx.compose.animation.EnterTransition
+import androidx.compose.animation.ExitTransition
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+import `in`.koreatech.bus.screen.search.composable.BusSearchResultScreen
+import `in`.koreatech.bus.screen.search.composable.BusSearchScreen
+
+@Composable
+fun BusSearchNavigation(
+    modifier: Modifier = Modifier,
+    navController: NavHostController = rememberNavController(),
+) {
+
+    NavHost(
+        modifier = modifier,
+        navController = navController,
+        startDestination = Routes.BusSearch,
+        enterTransition = {
+            EnterTransition.None
+        }, exitTransition = {
+            ExitTransition.None
+        }
+    ) {
+
+        composable<Routes.BusSearch> {
+            BusSearchScreen(
+                modifier = Modifier.fillMaxSize(),
+                onNavigationIconClick = { navController.popBackStack() },
+                onSearchSuccess = {
+                    navController.navigate(Routes.BusSearchResult)
+                }
+            )
+        }
+
+        composable<Routes.BusSearchResult> {
+            BusSearchResultScreen(
+                modifier = Modifier.fillMaxSize(),
+                onNavigationIconClick = { navController.popBackStack() }
+
+            )
+        }
+    }
+}

feature/bus/src/main/java/in/koreatech/bus/navigation/BusNavigation.kt → feature/bus/src/main/java/in/koreatech/bus/navigation/BusTimetableNavigation.kt

@@ -13,7 +13,7 @@ import `in`.koreatech.bus.screen.search.composable.BusSearchScreen
 import `in`.koreatech.bus.screen.timetable.composable.BusTimetableScreen
 
 @Composable
-fun BusNavigation(
+fun BusTimetableNavigation(
     modifier: Modifier = Modifier,
     navController: NavHostController = rememberNavController(),
 ) {