整個應用（包括 View 和 Compose 部分）的淺色/深色模式保持一致。以下是完整的解決方案：

全局配置方案

1. 基礎主題設置

在 res/values/themes.xml 和 res/values-night/themes.xml 中定義統一的主題：

<!-- values/themes.xml -->
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight"><!-- 淺色主題顏色 --><item name="colorPrimary">@color/purple_500</item><item name="colorPrimaryVariant">@color/purple_700</item><item name="colorSecondary">@color/teal_200</item>
</style><!-- values-night/themes.xml -->
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight"><!-- 深色主題顏色 --><item name="colorPrimary">@color/purple_200</item><item name="colorPrimaryVariant">@color/purple_500</item><item name="colorSecondary">@color/teal_200</item>
</style>

2. Compose 主題適配器

創建 Compose 主題與 XML 主題的橋梁：

// Theme.kt
@Composable
fun MyAppTheme(darkTheme: Boolean = isSystemInDarkTheme(),content: @Composable () -> Unit
) {val context = LocalContext.currentval colors = if (darkTheme) {// 從 XML 資源獲取顏色val primaryColor = context.getColor(R.color.purple_200)val primaryVariantColor = context.getColor(R.color.purple_500)val secondaryColor = context.getColor(R.color.teal_200)darkColors(primary = Color(primaryColor),primaryVariant = Color(primaryVariantColor),secondary = Color(secondaryColor))} else {val primaryColor = context.getColor(R.color.purple_500)val primaryVariantColor = context.getColor(R.color.purple_700)val secondaryColor = context.getColor(R.color.teal_200)lightColors(primary = Color(primaryColor),primaryVariant = Color(primaryVariantColor),secondary = Color(secondaryColor))}MaterialTheme(colors = colors,typography = Typography,shapes = Shapes,content = content)
}

3. 全局主題切換控制

在 Application 類中統一管理主題：

class MyApp : Application() {override fun onCreate() {super.onCreate()// 設置默認主題模式AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_FOLLOW_SYSTEM)}companion object {fun setDarkMode(enabled: Boolean) {AppCompatDelegate.setDefaultNightMode(if (enabled) AppCompatDelegate.MODE_NIGHT_YESelse AppCompatDelegate.MODE_NIGHT_NO)}}
}

實際使用示例

傳統 View Activity

class LegacyActivity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)// 會自動應用 themes.xml 中定義的主題setContentView(R.layout.activity_legacy)}
}

Compose Activity

class ComposeActivity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContent {MyAppTheme {// 你的 Compose 內容Surface {Text("這是 Compose 界面")}}}}
}

遷移過程中的注意事項

1. 混合 Activity 處理：

   • 對于同時包含 View 和 Compose 的 Activity，使用 ComposeView 橋接

   <!-- activity_mixed.xml -->
   <LinearLayout><TextView android:text="傳統 View"/><androidx.compose.ui.platform.ComposeViewandroid:id="@+id/compose_view"android:layout_width="match_parent"android:layout_height="wrap_content"/>
   </LinearLayout>
   

2. 顏色資源統一：

   • 所有顏色定義在 res/values/colors.xml 和 res/values-night/colors.xml 中
   • Compose 通過 colorResource(id = R.color.your_color) 使用

3. 主題切換同步：

   • 使用 AppCompatDelegate.setDefaultNightMode() 切換時，所有 Activity 都會自動重建并應用新主題

通過這種方式，你可以確保項目中前期使用 View 的 Activity 和后期使用 Compose 的 Activity 在淺色/深色模式下保持完全一致的視覺風格。