Android 使用UiMode实现夜间模式切换

夜间模式。在网上看到很多童鞋都说用什么什么框架来实现这个功能，然后仔细去看一下各个推荐的框架，发现其实都是动态换肤的，动态换肤可比夜间模式要复杂多了，未免大材小用了。说实话，我一直没用什么好思路，虽然网上有童鞋提供了一种思路是通过 setTheme 然后再 recreate Activity 的方式，但是这样带来的问题是非常多的，看起来就相当不科学（为什么不科学，后文会说）。于是，直接想到了去逆向分析那些夜间模式做得好的应用的源代码，学习他们的实现套路。所以，本文的实现思路来自于编写这些应用的夜间模式功能的童鞋，先在这里向他们表示感谢。我的手机里面使用高频的应用不少，其中简书和知乎是属于夜间模式做得相当 nice 的。先给效果图大家感受下!!

好吧,不瞎扯了,直接上套路,毕竟,有时候,套路很帮助人的!

第一步：在build.gradle中添加依赖

compile 'com.android.support:appcompat-v7:25.1.0'

第二步：继承并应用DayNight主题

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

    </style>
//attr属性设置
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="mainBackground" format="color|reference"></attr>

</resources>

第三步：

新建夜间模式资源文件夹:在res目录下新建values-night文件夹，在此目录下新建colors.xml文件（在夜间模式下的应用的资源）
当然也可以根据需要新建drawable-night,layout-night等后缀为-night的夜间资源文件夹。

values目录下的colors.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color><!--标题栏-->
    <color name="colorPrimaryDark">#303F9F</color><!--状态栏-->
    <color name="colorAccent">#FF4081</color><!--编辑颜色-->

    <color name="textColor">#FF000000</color>
    <color name="backgroundColor">#FFFFFF</color>
</resources>

values-night目录下的colors.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color><!--标题栏-->
    <color name="colorPrimaryDark">#303F9F</color><!--状态栏-->
    <color name="colorAccent">#FF4081</color><!--编辑颜色-->

    <color name="textColor">#FFFFFF</color>
    <color name="backgroundColor">#3b3b3b</color>
</resources>

第四步:MyApplication 中先选择一个默认的 Mode ：

public class AppConfig extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        // 默认设置为日间模式
        AppCompatDelegate.setDefaultNightMode(
                AppCompatDelegate.MODE_NIGHT_NO);
    }
}

要注意的是，这里的 Mode 有四种类型可以选择：

• MODE_NIGHT_NO： 使用亮色(light)主题，不使用夜间模式；
• MODE_NIGHT_YES：使用暗色(dark)主题，使用夜间模式；
• MODE_NIGHT_AUTO：根据当前时间自动切换 亮色(light)/暗色(dark)主题；
• MODE_NIGHT_FOLLOW_SYSTEM(默认选项)：设置为跟随系统，通常为 MODE_NIGHT_NO

第五步:当用户点击按钮切换日/夜间时，重新去设置相应的 Mode ：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main3);
        initView();

    }
private void initView() {
        mChange = (Button) findViewById(R.id.change);
        mChange.setOnClickListener(this);
    }
 @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.change:
                // TODO 18/03/20
                int currentNightMode = getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK;
                getDelegate().setLocalNightMode(currentNightMode == Configuration.UI_MODE_NIGHT_NO ?
                        AppCompatDelegate.MODE_NIGHT_YES : AppCompatDelegate.MODE_NIGHT_NO);
                // 同样需要调用recreate方法使之生效
                recreate();

                break;
            default:
                break;
        }
    }

我们来看一下 UiMode 方案实现的效果图：

小编最后推荐大家阅读一下这两位的讲解,比较详细

• 对于Android日夜间模式实现的探讨
• 夜间模式的实现套路