在车机(Android Automotive)项目开发中,用户经常会在白天和夜晚切换车辆的仪表盘主题,这时我们的 App 也需要自动跟随系统切换到对应的白天或黑夜 UI,避免刺眼或看不清内容。
本文基于一个真实的车机用户报告 App 项目,完整分享如何优雅实现 App 跟随系统自动切换暗色模式,同时解决切换过程中常见的界面重影、页面跳回、数据重置等问题。最后还会回答大家最关心的:如果 App 有多个 Activity(多个界面)该怎么处理?
一、核心实现:三步搞定自动跟随系统暗色模式
1. 主题继承 DayNight 主题(必须)
在res/values/themes.xml中:
<stylename="Theme.CheryUserReport"parent="Theme.AppCompat.DayNight.NoActionBar"><!-- 你的自定义颜色、样式 --> <item name="colorPrimary">@color/main_color</item> <!-- ... --></style>这样 AppCompat 就能自动根据系统暗色模式加载对应的资源:
- 白天:加载
res/values/、res/drawable/ - 黑夜:自动加载
res/values-night/、res/drawable-night/
2. 在 Application 中设置跟随系统(最佳位置)
publicclassUserReportApplicationextendsApplication{@OverridepublicvoidonCreate(){// 必须最先设置,确保所有 Activity 创建前生效AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_FOLLOW_SYSTEM);super.onCreate();ContextHolder.init(this);LogUtils.i("CheryUserApp","Application onCreate");}}放在 Application 是最佳实践,比放在 Activity 更早、更全局、更安全。
packagecom.chery.userreport;importandroid.os.Build;importandroid.os.Bundle;importandroid.view.Window;importandroid.view.WindowInsetsController;importandroid.widget.RadioButton;importandroid.widget.RadioGroup;importandroidx.annotation.RequiresApi;importandroidx.appcompat.app.AppCompatActivity;importandroidx.appcompat.app.AppCompatDelegate;importandroidx.core.content.ContextCompat;importandroidx.core.graphics.Insets;importandroidx.core.view.ViewCompat;importandroidx.core.view.WindowInsetsCompat;importandroidx.fragment.app.Fragment;importandroidx.fragment.app.FragmentManager;importandroidx.fragment.app.FragmentTransaction;importcom.chery.userreport.drivingbehavior.DrivingBehaviorFragment;importcom.chery.userreport.energyanalysis.EnergyAnalysisFragment;importcom.chery.userreport.travelreport.TravelReportFragment;importcom.chery.userreport.energystatistics.EnergyStatisticsFragment;publicclassMainActivityextendsAppCompatActivity{privateFragmentManagerfragmentManager;privateFragmentcurrentFragment;privatestaticfinalStringKEY_CURRENT_POSITION="current_position";@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);setupEdgeToEdge();if(getSupportActionBar()!=null){getSupportActionBar().hide();}fragmentManager=getSupportFragmentManager();RadioGroupradioGroup=findViewById(R.id.main_radio_group);intcurrentPosition=0;// 默认位置if(savedInstanceState!=null){// recreate 时恢复上次保存的位置currentPosition=savedInstanceState.getInt(KEY_CURRENT_POSITION,0);// 系统已经自动恢复了之前 add 的 Fragment,直接查找当前显示的currentFragment=fragmentManager.findFragmentById(R.id.main_fragment_container);}// 显示对应的 FragmentshowFragment(currentPosition);// 恢复 RadioGroup 选中状态checkRadioButtonByPosition(radioGroup,currentPosition);radioGroup.setOnCheckedChangeListener((group,checkedId)->{// 兼容你的布局:只有第一个有 id,后三个没有,所以用 indexOfChild 计算位置RadioButtoncheckedButton=findViewById(checkedId);intposition=radioGroup.indexOfChild(checkedButton);showFragment(position);});}@OverrideprotectedvoidonSaveInstanceState(BundleoutState){super.onSaveInstanceState(outState);// 保存当前 tab 位置outState.putInt(KEY_CURRENT_POSITION,getCurrentPosition());}@RequiresApi(Build.VERSION_CODES.LOLLIPOP)privatevoidsetupEdgeToEdge(){Windowwindow=getWindow();window.setDecorFitsSystemWindows(false);window.setStatusBarColor(ContextCompat.getColor(this,R.color.main_bg));WindowInsetsControllercontroller=window.getInsetsController();if(controller!=null){controller.setSystemBarsAppearance(WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS,WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS);}ViewCompat.setOnApplyWindowInsetsListener(findViewById(android.R.id.content),(v,windowInsets)->{Insetsinsets=windowInsets.getInsets(WindowInsetsCompat.Type.systemBars());v.setPadding(insets.left,insets.top,insets.right,insets.bottom);returnwindowInsets;});}privatevoidshowFragment(intposition){// 先尝试复用已存在的 FragmentStringtag=getFragmentTag(position);FragmenttargetFragment=fragmentManager.findFragmentByTag(tag);if(targetFragment==null){targetFragment=createFragment(position);}FragmentTransactiontransaction=fragmentManager.beginTransaction();// 隐藏当前 Fragmentif(currentFragment!=null&¤tFragment!=targetFragment){transaction.hide(currentFragment);}// 显示目标 Fragmentif(targetFragment.isAdded()){transaction.show(targetFragment);}else{transaction.add(R.id.main_fragment_container,targetFragment,tag);}transaction.commitNowAllowingStateLoss();currentFragment=targetFragment;}privateFragmentcreateFragment(intposition){switch(position){case0:returnnewEnergyStatisticsFragment();case1:returnnewEnergyAnalysisFragment();case2:returnnewDrivingBehaviorFragment();case3:returnnewTravelReportFragment();default:returnnewEnergyStatisticsFragment();}}privateStringgetFragmentTag(intposition){return"fragment_"+position;}privateintgetCurrentPosition(){if(currentFragment==null)return0;Stringtag=currentFragment.getTag();if(tag!=null&&tag.startsWith("fragment_")){try{returnInteger.parseInt(tag.substring("fragment_".length()));}catch(NumberFormatExceptione){return0;}}return0;}/** 根据位置选中对应的 RadioButton(兼容无 id 的情况) */privatevoidcheckRadioButtonByPosition(RadioGroupradioGroup,intposition){if(position>=0&&position<radioGroup.getChildCount()){RadioButtonbutton=(RadioButton)radioGroup.getChildAt(position);button.setChecked(true);}}}3. 使用 -night 资源限定符定义夜间 UI
res/values/colors.xml→ 日间颜色res/values-night/colors.xml→ 夜间颜色res/drawable/icon_day.png→ 日间图标res/drawable-night/icon_night.png→ 夜间图标
系统切换时,App 会自动加载对应资源,无需手动刷新颜色。
二、切换时常见问题及解决方案
车机系统切换暗色模式会触发 Activityrecreate(),这会导致一系列问题:
问题1:界面重影(多个 Fragment 叠加)
原因:原始代码每次切换 tab 都remove + add新 Fragment,recreate 后系统自动恢复旧 Fragment,你又 add 了一个新的一样的 → 重影。
解决:改为hide/show + 复用 Fragment 实例,并正确处理savedInstanceState
(具体代码见之前的 MainActivity 完整实现)
问题2:切换后页面跳回第一个 tab
解决:在onSaveInstanceState保存当前 tab 位置,recreate 时恢复并选中对应 RadioButton
问题3:Fragment 内数据重置(最常见!)
原因:recreate 后 Fragment 重新创建,onViewCreated 中又重新请求网络/数据库数据。
最佳解决:使用ViewModel保存业务数据
classEnergyStatisticsViewModelextendsViewModel{privateMutableLiveData<List<Data>>data=newMutableLiveData<>();publicvoidloadData(){// 只加载一次,或根据需要刷新// 数据存到 LiveData,recreate 不丢失}}classEnergyStatisticsFragmentextendsFragment{privateEnergyStatisticsViewModelviewModel;@OverridepublicvoidonViewCreated(...){viewModel=newViewModelProvider(this).get(EnergyStatisticsViewModel.class);viewModel.getData().observe(getViewLifecycleOwner(),list->{updateUI(list);});if(viewModel.getData().getValue()==null){viewModel.loadData();// 只在数据为空时加载}}}ViewModel 会存活于 Activity recreate,数据完美保留。
另外,RecyclerView 滚动位置、EditText 输入内容等,Android 会自动恢复(前提是 View 有 id)。
三、多个 Activity(多个界面)怎么处理?
这是大家最关心的问题!答案很简单:
你什么都不需要额外做!
因为:
你已经在
Application.onCreate()中全局设置了:AppCompatDelegate.setDefaultNightMode(MODE_NIGHT_FOLLOW_SYSTEM);→所有 Activity 都自动生效,无需每个 Activity 重复写代码。
所有 Activity 的主题都继承自
Theme.AppCompat.DayNight.*(通常在 themes.xml 中统一定义 AppTheme)系统切换暗色模式时,会同时 recreate 所有当前在栈中的 Activity,每个 Activity 都会自动加载对应 -night 资源
实际处理建议:
- 每个 Activity 同样使用hide/show 管理 Fragment(如果有多个 Fragment)
- 每个页面使用ViewModel 保存关键数据
- 如果有需要全局共享的数据(如用户登录状态、主题偏好),可以放在 Application 或 Singleton 中
这样无论你的 App 有 1 个还是 10 个 Activity,切换系统暗色模式时:
- 所有界面自动变暗/变亮
- 当前页面不跳转
- 数据不丢失
- 无重影、无闪烁(仅短暂重绘,正常现象)
四、总结:最佳实践清单
| 步骤 | 操作 | 说明 |
|---|---|---|
| 1 | 主题继承Theme.AppCompat.DayNight | 启用自动资源切换 |
| 2 | 在 Application 中设置MODE_NIGHT_FOLLOW_SYSTEM | 全局生效,最早执行 |
| 3 | 使用-night文件夹定义夜间资源 | 自动加载 |
| 4 | Fragment 用 hide/show + tag 复用 | 避免重影 |
| 5 | 保存/恢复当前 tab 位置 | 页面不跳回 |
| 6 | 使用 ViewModel 保存业务数据 | 数据不重置 |
| 7 | 多 Activity 项目无需额外处理 | 自动全局生效 |
做完这几步,你的车机 App 就能完美跟随系统切换白天黑夜模式,用户体验大幅提升!
如果你正在开发车机或需要支持暗色模式的 App,强烈推荐按这个方案实施,亲测稳定可靠。
欢迎留言讨论你的实现方式~
(本文代码已在真实车机项目中运行半年+,稳定无问题)