Android开发"夜间模式"换肤功能

主要思路:
约定两套或者多套界面风格(按钮背景样式、背景色、文字背景、文字颜色等)。在代码中动态设置主题并进行动态切换。
首先在src/values目录下创建attrs.xml设置相关字段和与之对应的资源类别。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="btnColor" format="color" />
    <attr name="mainBackground" format="color" />
    <attr name="mainTextColor" format="reference|color" />
    <attr name="textString" format="string" />
</resources>

在src/values/style.xml文件中设置主题

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
    <!-- 默认 -->
    <style name="MyThemeDefault" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="btnColor">#00ff00</item>
        <item name="mainBackground">#ffffff</item>
        <item name="mainTextColor">#000000</item>
        <item name="textString">默认主题</item>
    </style>
    <!-- 夜间 -->
    <style name="MyThemeNight" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/needdefault</item>
        <item name="colorPrimaryDark">@color/needdefault</item>
        <item name="colorAccent">@color/needdefault</item>
        <item name="btnColor">#0000ff</item>
        <item name="mainBackground">#000000</item>
        <item name="mainTextColor">#ffffff</item>
        <item name="textString">夜间主题</item>
    </style>
</resources>

在布局文件中引入主题

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="?mainBackground"
    tools:context="com.hurui.com.learnnightmode.MainActivity">
    <TextView
        android:padding="10dp"
        android:textSize="18sp"
        android:textColor="@color/colorAccent"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="?textString" />
    <Button
        android:id="@+id/change_theam"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="切换主题"/>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#000000"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="模板样式"
        android:background="?btnColor" />
    <TextView
        android:gravity="center"
        android:textColor="?mainTextColor"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="文字样式风格"/>
</LinearLayout>

在切换主题的操作

package com.hurui.com.learnnightmode;

import android.app.Activity;
import android.os.Bundle;
import android.view.ContextMenu;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import android.widget.Button;
public class MainActivity extends Activity {
    private Button changes;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        this.setTheme(R.style.MyThemeDefault);
        setContentView(R.layout.activity_main);
        initAllContrillers();
    }
    private void initAllContrillers() {
        changes = (Button) findViewById(R.id.change_theam);
        registerForContextMenu(changes);
        changes.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                v.showContextMenu();
            }
        });
    }
    //切换主题风格

    //创建一个菜单进行显示一个菜单栏  选择是 默认的主题 还是 新的主题
    @Override
    public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
        super.onCreateContextMenu(menu, v, menuInfo);
        menu.add(0,0,0,"默认主题");
        menu.add(0,1,0,"夜间模式");
    }
    @Override
    public boolean onContextItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case 0:
                setTheme(R.style.MyThemeDefault);
                setContentView(R.layout.activity_main);
                initAllContrillers();
                break;
            case 1:
                setTheme(R.style.MyThemeNight);
                setContentView(R.layout.activity_main);
                initAllContrillers();
                break;
            default:
                break;
        }
        return true;
    }
}

这样就实现了日间/夜间模式的切换。我们还可以对当前主题进行全局的一个保存(利用Application进行缓存，当Application中读取到的数据为空的时候就从首选项、文件或数据库中进行读取)