1：在build.gradle里面引入Support Library包：
compile('com.android.support:appcompat-v7:26.1.0') { exclude module: 'support-v4'}
2:在styles文件里面自定义白天和夜晚两种主题，
首先 新建两个文件夹，分别为：values-night和drawable-night,目录结构如下：
2.1:白天主题，在res/values/styles文件里面，例如：
<style name="CarnocTheme" parent="Theme.AppCompat.Light">
<item name="colorPrimary">@color/primary</item>
<item name="colorPrimaryDark">@color/primary_dark</item>
<item name="colorAccent">@color/accent</item>
</style>
<style name="CarnocTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
2.2:夜晚主题，在res/values-night/styles定义，例如：
<style name="CarnocTheme" parent="Theme.AppCompat.DayNight">
<item name="colorPrimary">@color/primary</item>
<item name="colorPrimaryDark">@color/primary_dark</item>
<item name="colorAccent">@color/accent</item>
</style>
此处的颜色均在color.xml文件定义的，因为有两种显示方式，所以可能存在日、夜两种主题下，两份颜色定义，具体看第三步介绍。此处只是实例，可不必粘贴在代码里面，在第三步统一操作；
<color name="primary">#2196F3</color>
<color name="primary_dark">#1976D2</color>
<color name="accent">@color/primary</color>
三种颜色代表的意思如下图所示：
3：定义颜色、图片、点击效果等两种效果，一个为夜间模式下，另一个为正常模式下的；
3.1：颜色，普通模式下的颜色和通常颜色定义一样，定义在res/values/colors.xml文件里面，如下：
<color name="primary">#2196F3</color>
<color name="primary_dark">#1976D2</color>
<color name="accent">@color/primary</color>
<color name="text_color_topleft">#333333</color>
<color name="text_color_topcenter">#4e4e4e</color>
<color name="line_color_top">#d8d8d8</color>
<color name="text_color_noimg">#aaaaaa</color>
<color name="listview_item_color1">#FFFFFF</color>
<color name="listview_item_color2">#eeeeee</color>
夜间模式下的颜色定义在res/values-night/color.xml文件里面，例如：
<color name="primary">#2196F3</color>
<color name="primary_dark">#191A1E</color>
<color name="accent">@color/primary</color>
<color name="frament_usercenter_bgcolor">#191A1E</color>
<color name="topbar_bg">#191A1E</color>
<color name="text_color_topleft">#8E8F91</color>
<color name="text_color_topcenter">#8E8F91</color>
<color name="line_color_top">#07080A</color>
<color name="listview_item_color1">#07080A</color>
<color name="listview_item_color2">#191A1E</color>
由于前三个颜色在主题里面有用到，必须定义，name也必须跟之前的一模一样，颜色可以根据项目需求对颜色进行更改；其他的颜色，按照项目实际要求选择行定义，name和颜色都可以自定义的；
3.2：图片，图片很简单，只要将页面模式下的图片放到drawable-night文件夹下即可，注意必须和普通模式下的图片同名；
3.3：对于点击事件，由于夜间模式下，点击效果展示的颜色也和普通模式下有区别，所以需要定义两份，将普通的点击效果文件复制到drawable-night文件夹下，例如我有一份普通模式下的文件点击效果，listview_item_selector.xml，代码如下：
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/listview_item_color1" android:state_pressed="false"/>
<item android:drawable="@color/listview_item_color2" android:state_pressed="true"/>
</selector>
无论是drawable/listview_item_selector.xml文件还是drawable-night/listview_item_selector.xml 代码、文件名都是一样的，但是具体里面的item定义文件的颜色，需要在res/values/colors.xml以及res/values-night/color.xml定义两份.具体代码，已经在3.1里面讲过了。
到这里，基本的资源文件定义，主题定义，已经结束了，接下来就是如何应用到项目里面：
4：应用定义的资源、主题到项目
4.1：AndroidManifest.xml文件应用主题，直接在<application>里面进行属性配置即可：
<application
......
android:theme="@style/CarnocTheme.NoActionBar"
.........
>
..........
..........
</application>
4.2:在application的onCreat()方法里面初始化主题，这里的CacheUINightMode只是一个本地自定义的存储文件SharedPreferences，用来缓存用户之前选择的主题，true代表夜间；
if (CacheUINightMode.getData(this)) {
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
} else{
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
}
具体设置页面，按钮在点击切换模式时，代码如下，已解决卡顿问题：
slipBtnNight.setOnCheckedChangeListener(new SwitchView.OnCheckedChangeListener()
{
@Override
public void onCheckedChanged(boolean isChecked)
{
if (isChecked && !CacheUINightMode.getData(UserCenter_SettingActivity.this))
{
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
CacheUINightMode.saveData(UserCenter_SettingActivity.this, true);
startActivity(new Intent(UserCenter_SettingActivity.this,UserCenter_SettingActivity.class));
overridePendingTransition(R.anim.anim_animo_alph_open,R.anim.anim_animo_alph_close);
finish();
}
else if (CacheUINightMode.getData(UserCenter_SettingActivity.this) && !isChecked)
{
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
CacheUINightMode.saveData(UserCenter_SettingActivity.this, false);
startActivity(new Intent(UserCenter_SettingActivity.this,UserCenter_SettingActivity.class));
overridePendingTransition(R.anim.anim_animo_alph_open,R.anim.anim_animo_alph_close);
finish();
}
}
});
动画效果代码如下：
anim_animo_alph_close.xml:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="800"
android:interpolator="@android:anim/accelerate_interpolator"/>
</set>
anim_animo_alph_open.xml:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="800"
android:interpolator="@android:anim/accelerate_interpolator"/>
</set>
到这就彻底结束了，啦啦啦啦。。。第一次写技术文章，好紧张。。。。
