切换主题

日/夜间主题

使用Android Support Library 中的 UiMode来做“日/夜间主题”

以背景颜色来为例：

效果：

day-night.gif

实现步骤：

• 在res/values/colors.xml，设置白天颜色

<color name="whiteContentBackground">#FFFFFF</color>

• 新建res/values-night文件夹，新建colors.xml

value-night.png

• 在res/values-night/colors.xml，设置夜间颜色

<color name="whiteContentBackground">#252525</color>

• 在res/values/attrs.xml，增加一条属性

<attr name="whiteContentBackground" format="color|reference"/>

• 在res/values/styles.xml

styles-xml.png

• 应用：

whiteContentBackground.png

• 封装了个管理日/夜间主题的类，切换主题调用switchDayNight方法

/**
 * 管理日间/夜间主题
 * Created by yang on 2017/1/10.
 */

public class DayNightManager {

    /**
     * 日间主题
     */
    public static final int DAY = AppCompatDelegate.MODE_NIGHT_NO;

    /**
     * 夜间主题
     */
    public static final int NIGHT = AppCompatDelegate.MODE_NIGHT_YES;


    public static final String DAY_NIGHT_FLAG = "day_night_flag";

    /**
     * 从SharedPreferences获取保存的当前主题
     */
    public static int getUiModeFromSp(Context context){
        SharedPreferences sp = SharedPreferencesManager.getSP(context);
        return sp.getInt(DAY_NIGHT_FLAG, AppCompatDelegate.MODE_NIGHT_NO);
    }

    /**
     * 保存UiMode到SharedPreferences
     */
    public static void saveUiModeToSp(Context context, int uiMode){
        SharedPreferences.Editor editor = SharedPreferencesManager.getSP(context).edit();
        editor.putInt(DAY_NIGHT_FLAG, uiMode);
        editor.apply();
    }

    /**
     * 切换主题,并保存UiMode到SharedPreferences
     */
    public static void switchDayNight(AppCompatActivity activity) {
        int currentNightMode = activity.getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK;
        int nextMode = currentNightMode == Configuration.UI_MODE_NIGHT_NO ? AppCompatDelegate.MODE_NIGHT_YES : AppCompatDelegate.MODE_NIGHT_NO;
        saveUiModeToSp(activity, nextMode);
        AppCompatDelegate.setDefaultNightMode(nextMode);
        activity.getDelegate().setLocalNightMode(nextMode);
        activity.recreate();
    }

    /**
     * 判断app当前的主题UiMode
     * @param context
     * @return
     */
    public static int getCurrentUiMode(Context context){
        int currentNightMode = context.getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK;
        return currentNightMode == Configuration.UI_MODE_NIGHT_NO ? AppCompatDelegate.MODE_NIGHT_NO : AppCompatDelegate.MODE_NIGHT_YES;
    }


    /**
     * 初始化app的主题UiMode，在application的onCreate中执行
     * @param context
     * @return
     */
    public static void initAppUiMode(Context context){
        //设置默认主题：日间（不是夜间）
        int uiMode = DayNightManager.getUiModeFromSp(context);
        AppCompatDelegate.setDefaultNightMode(uiMode == AppCompatDelegate.MODE_NIGHT_YES ? AppCompatDelegate.MODE_NIGHT_YES : AppCompatDelegate.MODE_NIGHT_NO);

    }

}

在Application的onCreate中，初始化：

public class AppApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        DayNightManager.initAppUiMode(this);
        
    }

}

AppCompatDelegate.setDefaultNightMode(xxx)，这是个静态方法，设置完之后新开启的页面，都会采用新的模式。

getDelegate().setLocalNightMode(xxx)，这个方法只对当前activity有效果，并且设置完之后需要recreate()才能使其生效。

图片

对于日/夜间主题的图片，新建一个对应的drawable-night-???包，放入夜间图片即可，如：

drawable-night.png

缺点

切换主题时需要activity recreate，屏幕会闪一下。