最近项目中做一款阅读器，其中包含夜间模式和白天模式切换功能，最开始的想法是当点击了夜晚模式，手动更新背景颜色、文字颜色、以及icon。并且将设置保存在shared preference中。
这种方式工作了很大，代码臃肿，而且当界面越来越复杂时发现维护困难。查阅官方文档发现可以使用限定符轻松的实现夜晚/白天模式。
先看一下效果图，简单的夜间模式和白天模式切换
41e321aa-9c30-413c-8842-7ab9657058d7.gif
使用限定符实现白天/夜晚模式的切换
使用限定符处理白天/夜晚模式跟使用限定符处理横屏/竖屏类似。
回顾一下我们在处理横屏/竖屏的时候使用port 和 land限定符：
-
port：设备处于纵向（垂直） -
land：设备处于横向（水平）
MainActivity在横屏状态系统就会加载layout-land目录下的activity_main.xml ，并且activity_main.xml中使用到的图片资源会先去从drawable-land文件夹下寻找，其他资源例如colors、strings、styles等等会优先从values-land文件夹下寻找，如果没有则使用默认的。
类似的，白天和夜晚模式使用night 和notnight限定符：
-
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:
<color name="bg_color">#000000</color>
这是values-night/colors 背景颜色值
<color name="bg_color">#ffffff</color>
这是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的全部代码
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorPrimary"
tools:context=".MainActivity">
<Button
android:id="@+id/night_btn"
android:layout_width="wrap_content"
android:layout_height="44dp"
android:layout_marginEnd="32dp"
android:layout_marginRight="32dp"
android:background="@drawable/bg_button"
android:text="夜间模式"
app:layout_constraintBaseline_toBaselineOf="@+id/not_night_btn"
app:layout_constraintEnd_toStartOf="@+id/not_night_btn" />
<Button
android:id="@+id/not_night_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="105dp"
android:background="@drawable/bg_button"
android:text="白天模式"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/auto_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="32dp"
android:layout_marginRight="32dp"
android:background="@drawable/bg_button"
android:text="自动模式"
app:layout_constraintBottom_toBottomOf="@+id/not_night_btn"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/not_night_btn" />
<FrameLayout
android:layout_width="match_parent"
android:layout_height="314dp"
android:background="@color/bg_color"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|left"
android:layout_marginLeft="20dp"
android:drawableTop="@drawable/ic_read"
android:text="阅读"
android:textColor="@color/text_color" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:drawableTop="@drawable/ic_read_categue"
android:text="目录"
android:textColor="@color/text_color" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|right"
android:layout_marginRight="20dp"
android:drawableTop="@drawable/ic_read"
android:text="@string/mode"
android:textColor="@color/text_color" />
</FrameLayout>
</android.support.constraint.ConstraintLayout>
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.
网友评论