Android原生方式实现夜间模式

夜间模式的实现,Github上有很多种相关的库和Demo,但实现方式都比较复杂,并且为了实现一个小功能,引入一个第三方库,很多时候,都是得不偿失的。
实现夜间模式的主要思路就是改变程序的style,主要是颜色。现在已经可以用原生Android的方式来实现程序的夜间模式,下面我们就用Android原生的方式来实现一下夜间模式。
Demo实现的主要思路:
1.在res目录下新建values-night文件夹;
2.分别在values和values-night下新建colors.xml文件,以供程序分别在白昼和夜间模式下使用;
3.新建一个Base Activity来控制黑夜模式和白昼模式的实现;
4.其他Activity继承Base Activity。

res下的关键目录如下:

res下的关键目录

values的colors.xml文件中定义的颜色如下:
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <color name="act_background_black_white">#ffffff</color>
    <color name="text_black_white">#ff000000</color>
</resources>
values-night的colors.xml文件中定义的颜色如下:
<resources>
    <color name="colorPrimary">#ff333333</color>
    <color name="colorPrimaryDark">#ff222222</color>
    <color name="colorAccent">#ff80bd01</color>
    <color name="act_background_black_white">#ff000000</color>
    <color name="text_black_white">#ffffff</color>
</resources>
当在白昼模式下,程序会自动引用values下的资源,当在黑夜模式下,程序会自动引用values-night下的资源。
在看Base Activity,代码如下:
package com.yanzhenjie.daynight;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.app.AppCompatDelegate;

/**
 * BaseActivity
 *
 * Created by YuLin
 */
public abstract class BaseActivity extends AppCompatActivity {
    private static boolean enableNightMode = false;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if(!enableNightMode) {
            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        } else {
            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        }
    }

    /**
     *If enabled night mode
     * @return  true or false
     */
    public boolean isEnableNightMode() {
        return enableNightMode;
    }

    /**
     * enable night mode or not
     * @param enableNightMode   true or false
     */
    public void setEnableNightMode(boolean enableNightMode) {
        this.enableNightMode = enableNightMode;
        if(enableNightMode) {
           getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        } else {
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        }
       recreate();
    }
}
在Base Activity中主要是做了两件事:
1.定义一个静态变量用于标识是否打开夜间模式;
2.在onCreate函数中来判断当前程序当前程序该使用哪一种模式。
为什么要用静态标量呢?大家都知道,静态变量的生命周期是跟Application一致的,而不是跟Activity一致的。因为我们在切换模式的时候需要调用Activity的recreate()函数,因此Activity每次都会发生重启,即重新调用onCreate()函数,如果使用非晶态变量,那么该变量就会重新被初始化。
在程序中,我们提供了一个函数,以供继承此BaseActivity的Activity来改变程序的黑夜、白昼模式:
/**
     * enable night mode or not
     * @param enableNightMode   true or false
     */
    public void setEnableNightMode(boolean enableNightMode) {
        this.enableNightMode = enableNightMode;
        if(enableNightMode) {
           getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        } else {
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        }
       recreate();
    }
当我们在BaseActivity的子类中调用setEnableNightMode(true)的时候,就会开启黑夜模式,即:
getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
recreate();
实际上是调用了AppCompatDelegate的setLocalNightMode()函数,记得要调用Activity的recreate()函数,否则不会起作用。
在onCreate()函数中我们初始化黑夜、白昼模式则有所不同,我们调用的是AppCompatDelegate的setDefaultNightMode函数,如下:
if(!enableNightMode) {              AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
        } else {
            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
        }
我们让MainActivity继承BaseActivity,并在MainActivity中实现夜间模式和白昼模式的切换,首先瞄下MainActivity中布局文件的主要内容:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:background="@color/act_background_black_white"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.yulin.dayandnightdemo.MainActivity"
    tools:showIn="@layout/activity_main">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="modeDay"
        android:textColor="@color/text_black_white"
        android:text="白昼模式" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="modeNight"
        android:textColor="@color/text_black_white"
        android:text="夜间模式" />

</LinearLayout>
主要是在里面加了两个Button,以实现白昼模式和黑夜模式的切换:
在看MainActivity:
package com.yulin.dayandnightdemo;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends BaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    }

    public void modeDay(View v) {
        setEnableNightMode(false);
    }

    public void modeNight(View v) {
        setEnableNightMode(true);
    }
}
实现的效果图如下:

效果图1

效果图2

Demo下载地址

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值