217 lines
9.3 KiB
Kotlin
217 lines
9.3 KiB
Kotlin
package com.img.rabbit.pages
|
||
|
||
import android.annotation.SuppressLint
|
||
import android.util.Log
|
||
import androidx.compose.foundation.background
|
||
import androidx.compose.foundation.layout.Box
|
||
import androidx.compose.foundation.layout.fillMaxSize
|
||
import androidx.compose.foundation.layout.fillMaxWidth
|
||
import androidx.compose.foundation.layout.height
|
||
import androidx.navigation.compose.NavHost
|
||
import androidx.navigation.compose.composable
|
||
import androidx.navigation.compose.rememberNavController
|
||
import com.img.rabbit.pages.screen.mine.FeedbackScreen
|
||
import com.img.rabbit.pages.screen.mine.OnlineServiceScreen
|
||
import com.img.rabbit.pages.screen.mine.SettingScreen
|
||
import androidx.compose.material3.Icon
|
||
import androidx.compose.material3.NavigationBar
|
||
import androidx.compose.material3.NavigationBarItem
|
||
import androidx.compose.material3.NavigationBarItemDefaults
|
||
import androidx.compose.material3.Scaffold
|
||
import androidx.compose.material3.Text
|
||
import androidx.compose.runtime.Composable
|
||
import androidx.compose.runtime.LaunchedEffect
|
||
import androidx.compose.runtime.getValue
|
||
import androidx.compose.runtime.livedata.observeAsState
|
||
import androidx.compose.runtime.mutableStateOf
|
||
import androidx.compose.runtime.remember
|
||
import androidx.compose.runtime.setValue
|
||
import androidx.compose.ui.Modifier
|
||
import androidx.compose.ui.graphics.Color
|
||
import androidx.compose.ui.res.painterResource
|
||
import androidx.compose.ui.unit.dp
|
||
import com.img.rabbit.R
|
||
import com.img.rabbit.pages.screen.HomeScreen
|
||
import com.img.rabbit.pages.screen.MineScreen
|
||
import com.img.rabbit.pages.screen.make.CutoutScreen
|
||
import com.img.rabbit.pages.screen.make.FormatScreen
|
||
import com.img.rabbit.pages.screen.make.LongImageScreen
|
||
import com.img.rabbit.pages.screen.make.ResizeScreen
|
||
import com.img.rabbit.pages.screen.mine.setting.AboutScreen
|
||
import com.img.rabbit.pages.screen.mine.setting.AccountBindScreen
|
||
import com.img.rabbit.pages.screen.mine.setting.AccountManagerScreen
|
||
import com.img.rabbit.pages.screen.other.CameraGuideScreen
|
||
import com.img.rabbit.route.ScreenRoute
|
||
import com.img.rabbit.viewmodel.GeneralViewModel
|
||
import com.img.rabbit.viewmodel.LoginViewModel
|
||
|
||
// 定义底部导航的标签页
|
||
sealed class TabItem(val title: String, val normalIconRes: Int, val selectedIconRes: Int, val normalColor: Color, val selectedColor: Color) {
|
||
object Home : TabItem("首页", R.mipmap.ic_home_normal, R.mipmap.ic_home_selected, Color(0xFFAAAAAA), Color(0xFF1A1A1A))
|
||
object Mine : TabItem("我的", R.mipmap.ic_mine_normal, R.mipmap.ic_mine_selected, Color(0xFFAAAAAA), Color(0xFF1A1A1A))
|
||
}
|
||
|
||
@SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")
|
||
@Composable
|
||
fun MainScreen(generalViewModel: GeneralViewModel, loginViewModel: LoginViewModel) {
|
||
val navController = rememberNavController()
|
||
val networkStatus by generalViewModel.networkStatus.observeAsState(initial = true)
|
||
val isNavigationBarVisible by generalViewModel.isNavigationBarVisible.observeAsState(initial = true)
|
||
val tabItems = listOf(
|
||
TabItem.Home,
|
||
TabItem.Mine
|
||
)
|
||
var selectedTab: TabItem by remember { mutableStateOf(TabItem.Home) }
|
||
|
||
// 监听返回事件
|
||
val currentBackStackEntry = navController.currentBackStackEntry
|
||
|
||
LaunchedEffect(currentBackStackEntry) {
|
||
// 当返回到MineScreen页面时执行的操作
|
||
if (currentBackStackEntry?.destination?.route == "home") {
|
||
// 显示TabBar
|
||
generalViewModel.setNavigationBarVisible(true)
|
||
}
|
||
}
|
||
|
||
// 网络状态监听
|
||
LaunchedEffect(networkStatus) {
|
||
if (!networkStatus) {
|
||
// 网络断开时的处理
|
||
Log.w("NetworkStatus","网络断开")
|
||
}else{
|
||
Log.w("NetworkStatus","网络已连接")
|
||
}
|
||
}
|
||
|
||
Scaffold(
|
||
bottomBar = {
|
||
if (isNavigationBarVisible) {
|
||
Box {
|
||
NavigationBar(
|
||
containerColor = Color.White,
|
||
contentColor = Color.Transparent
|
||
) {
|
||
tabItems.forEachIndexed { index, item ->
|
||
val iconRes = if (selectedTab == tabItems[index]) {
|
||
item.selectedIconRes
|
||
} else {
|
||
item.normalIconRes
|
||
}
|
||
NavigationBarItem(
|
||
icon = {
|
||
Icon(
|
||
painter = painterResource(id = iconRes),
|
||
contentDescription = item.title,
|
||
tint = Color.Unspecified
|
||
)
|
||
},
|
||
label = { Text(item.title, color = if (selectedTab == tabItems[index]) item.selectedColor else item.normalColor) },
|
||
selected = selectedTab == tabItems[index],
|
||
onClick = { selectedTab = tabItems[index] },
|
||
colors = NavigationBarItemDefaults.colors(
|
||
indicatorColor = Color.Transparent
|
||
)
|
||
)
|
||
}
|
||
}
|
||
// 顶部横线
|
||
Box(
|
||
modifier = Modifier
|
||
.fillMaxWidth()
|
||
.height(1.dp)
|
||
.background(Color.Gray.copy(alpha = 0.3f))
|
||
)
|
||
}
|
||
}
|
||
}
|
||
) {
|
||
Box(
|
||
modifier = Modifier.fillMaxSize()
|
||
) {
|
||
// 导航主机
|
||
NavHost(
|
||
navController = navController,
|
||
startDestination = ScreenRoute.Home.route
|
||
) {
|
||
// Tab页面
|
||
composable(ScreenRoute.Home.route) {
|
||
HomeScreen(
|
||
navController = navController,
|
||
generalViewModel = generalViewModel
|
||
)
|
||
}
|
||
composable(ScreenRoute.Mine.route) {
|
||
MineScreen(
|
||
navController = navController,
|
||
generalViewModel = generalViewModel
|
||
)
|
||
}
|
||
// 抠图页面（Cutout）
|
||
composable(ScreenRoute.Cutout.route) {
|
||
CutoutScreen(navController = navController)
|
||
}
|
||
// 证件页面（Certificate）
|
||
composable(ScreenRoute.Resize.route) {
|
||
ResizeScreen(navController = navController)
|
||
}
|
||
// 格式页面（Format）
|
||
composable(ScreenRoute.Format.route) {
|
||
FormatScreen(navController = navController)
|
||
}
|
||
// 拍照指南页面（CameraGuide）
|
||
composable(ScreenRoute.CameraGuide.route) {
|
||
CameraGuideScreen(navController = navController)
|
||
}
|
||
// 长图页面（LongImage）
|
||
composable(ScreenRoute.LongImage.route) {
|
||
LongImageScreen(navController = navController)
|
||
}
|
||
|
||
|
||
// 我的页面（Mine）
|
||
composable(ScreenRoute.Feedback.route) {
|
||
FeedbackScreen(navController = navController)
|
||
}
|
||
composable(ScreenRoute.OnlineService.route) {
|
||
OnlineServiceScreen(navController = navController)
|
||
}
|
||
composable(ScreenRoute.Setting.route) {
|
||
SettingScreen(navController = navController)
|
||
}
|
||
|
||
// 设置页面（Setting）
|
||
composable(ScreenRoute.BindAccount.route) {
|
||
AccountBindScreen(navController = navController)
|
||
}
|
||
composable(ScreenRoute.ManagerAccount.route) {
|
||
AccountManagerScreen(navController = navController)
|
||
}
|
||
composable(ScreenRoute.AboutMine.route) {
|
||
AboutScreen(navController = navController)
|
||
}
|
||
|
||
// 登录页面（Login）
|
||
composable(ScreenRoute.Login.route) {
|
||
LoginScreen(
|
||
navController = navController,
|
||
generalViewModel = generalViewModel,
|
||
loginViewModel = loginViewModel
|
||
)
|
||
}
|
||
}
|
||
|
||
// 根据选中的Tab切换导航路由
|
||
LaunchedEffect(selectedTab) {
|
||
when (selectedTab) {
|
||
TabItem.Home -> navController.navigate(ScreenRoute.Home.route) {
|
||
popUpTo(ScreenRoute.Home.route) { inclusive = true }
|
||
}
|
||
TabItem.Mine -> navController.navigate(ScreenRoute.Mine.route) {
|
||
popUpTo(ScreenRoute.Mine.route) { inclusive = true }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
} |