eric/technologia-jetpack-compose
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dark mode-v12

Browse source
This commit is contained in:
Eric85710 2026-04-24 17:01:25 +08:00
parent bbcfc6440d
commit 98b78c598a
1 changed files with 34 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
app/src/main/java/com/example/login_v3/home/setting/setting_detail_page/detail_UI/setting_Theme_Page.kt
View file

@ -1,5 +1,6 @@
package com.example.login_v3.home.setting.setting_detail_page.detail_UI
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
@ -26,39 +27,44 @@ fun setting_theme_page(
// 直接讀取，不需要 .value
val selectedTheme by viewModel.currentTheme.collectAsState()
Column(modifier = Modifier.padding(16.dp)) {
Text(
text = "主題設定",
style = MaterialTheme.typography.headlineMedium,
color = MaterialTheme.colorScheme.primary
)
Box(
modifier = Modifier
.padding(10.dp)
) {
Column(modifier = Modifier.padding(16.dp)) {
Text(
text = "主題設定",
style = MaterialTheme.typography.headlineMedium,
color = MaterialTheme.colorScheme.primary
)
Spacer(modifier = Modifier.height(8.dp))
Spacer(modifier = Modifier.height(8.dp))
// 遍歷所有 Enum 選項
AppTheme.entries.forEach { theme ->
Row(
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.fillMaxWidth()
.selectable(
// 遍歷所有 Enum 選項
AppTheme.entries.forEach { theme ->
Row(
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.fillMaxWidth()
.selectable(
selected = (theme == selectedTheme),
onClick = { viewModel.updateTheme(theme) }
)
.padding(8.dp)
) {
RadioButton(
selected = (theme == selectedTheme),
onClick = { viewModel.updateTheme(theme) }
)
.padding(8.dp)
) {
RadioButton(
selected = (theme == selectedTheme),
onClick = { viewModel.updateTheme(theme) }
)
Text(
text = when(theme) {
AppTheme.SYSTEM -> "follow"
AppTheme.LIGHT -> "light"
AppTheme.DARK -> "dark"
},
modifier = Modifier.padding(start = 8.dp)
)
Text(
text = when(theme) {
AppTheme.SYSTEM -> "follow"
AppTheme.LIGHT -> "light"
AppTheme.DARK -> "dark"
},
modifier = Modifier.padding(start = 8.dp)
)
}
}
}
}