Android 夜间模式

最近项目中做一款阅读器,其中包含夜间模式和白天模式切换功能,最开始的想法是当点击了夜晚模式,手动更新背景颜色、文字颜色、以及icon。并且将设置保存在shared preference中。
这种方式工作了很大,代码臃肿,而且当界面越来越复杂时发现维护困难。查阅官方文档发现可以使用限定符轻松的实现夜晚/白天模式。

先看一下效果图,简单的夜间模式和白天模式切换


41e321aa-9c30-413c-8842-7ab9657058d7.gif

使用限定符实现白天/夜晚模式的切换

使用限定符处理白天/夜晚模式跟使用限定符处理横屏/竖屏类似。
回顾一下我们在处理横屏/竖屏的时候使用portland限定符:

  • port:设备处于纵向(垂直)
  • land:设备处于横向(水平)

MainActivity在横屏状态系统就会加载layout-land目录下的activity_main.xml ,并且activity_main.xml中使用到的图片资源会先去从drawable-land文件夹下寻找,其他资源例如colors、strings、styles等等会优先从values-land文件夹下寻找,如果没有则使用默认的。

类似的,白天和夜晚模式使用nightnotnight限定符:

  • night:夜间
  • notnight:白天

代码实现

1.创建夜晚模式对应的资源和资源文件( 默认是白天模式)
  • 新建drawable-night文件夹,放night模式下对应的icon
    注:notnight模式下的icon放在drawable文件下
image.png
drawable下的ic_read
drawable-night下的ic_read
  • 新建values-night文件夹,放night模式下对应的colors、strings
image.png

eg:
#000000
这是values-night/colors 背景颜色值

#ffffff
这是values/colors 背景颜色值

2.获取UIModeManager实例

final UiModeManager uiModeManager = (UiModeManager) getSystemService(Context.UI_MODE_SERVICE);

3.监听点击事件,手动设置模式
        findViewById(R.id.night_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                uiModeManager.setNightMode(UiModeManager.MODE_NIGHT_YES);
            }
        });

        findViewById(R.id.not_night_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                uiModeManager.setNightMode(UiModeManager.MODE_NIGHT_NO);
            }
        });

        findViewById(R.id.auto_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                uiModeManager.setNightMode(UiModeManager.MODE_NIGHT_AUTO);
            }
        });

UIModeManager 可设置三种模式

  • UiModeManager.MODE_NIGHT_YES 将设备设为夜间模式

  • UiModeManager.MODE_NIGHT_NO 将设备设为白天模式

  • UiModeManager.MODE_NIGHT_AUTO 设备的白天模式和夜晚模式会跟随时间变化

最后放上Activity和xml的全部代码




    

activity_main.xml


package com.example.resourcesimple;

import android.app.UiModeManager;
import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "guo.MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.d(TAG, "onCreate()--->");
        setContentView(R.layout.activity_main);

        final UiModeManager uiModeManager = (UiModeManager) getSystemService(Context.UI_MODE_SERVICE);

        findViewById(R.id.night_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                uiModeManager.setNightMode(UiModeManager.MODE_NIGHT_YES);
            }
        });

        findViewById(R.id.not_night_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                uiModeManager.setNightMode(UiModeManager.MODE_NIGHT_NO);
            }
        });

        findViewById(R.id.auto_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                uiModeManager.setNightMode(UiModeManager.MODE_NIGHT_AUTO);
            }
        });
    }

    @Override
    protected void onStart() {
        super.onStart();
        Log.d(TAG, "onStart()--->");
    }

    @Override
    protected void onResume() {
        super.onResume();
        Log.d(TAG, "onResume()--->");
    }

    @Override
    protected void onPause() {
        super.onPause();
        Log.d(TAG, "onPause()--->");
    }

    @Override
    protected void onStop() {
        super.onStop();
        Log.d(TAG, "onStop()--->");
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        Log.d(TAG, "onDestroy()--->");
    }
}

MainActivity.java


有问题的地方欢迎指出,欢迎评论 thinks.

你可能感兴趣的:(Android 夜间模式)