参考

1、Android 切换主题以及换肤的实现

截图

1、默认打开

image.png

2、点击【换主题色】

image.png

需知

• 主题色运用：manifest清单文件中application的属性之一，android:theme="@style/AppTheme"
• 在style.xml中定义不同风格的theme（对app而言的style啦）
• 熟悉?attr/colorPrimary等属性，在theme中定义好后，布局文件用到这些属性可以自动替换
• 如何点击触发后整体画面生效

代码

1、清单文件manifest中，app默认使用AppTheme（或者自定义Theme）

<application
        ...
        android:theme="@style/AppTheme">
        ...
</application>

2、style.xml 风格：

• 可定义app的theme，比方说AppTheme和MyTheme
• 一般用来定义app内各种控件样式，可重复使用，减少layout中的代码量，亦可做到后期维护换色等快速修改，不用一一修改。
• 用到一些自定义属性

<resources>

    <style name="AppTheme" 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="myBgColor">@color/wx_bg_gray</item>
        <item name="myButtonHeight">60dp</item>
    </style>


    <style name="MyTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/sysColorPrimary</item>
        <item name="colorPrimaryDark">@color/sysColorPrimaryDark</item>
        <item name="colorAccent">@color/sysColorAccent</item>
        <item name="actionBarSize">80dp</item>
        <item name="colorButtonNormal">@color/wx_green</item>

        <!--自定义属性-->
        <item name="myBgColor">@color/wx_sunset</item>
        <item name="myButtonHeight">100dp</item>
    </style>

    <!--button style-->
    <style name="MyBtnStyle">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">?attr/myButtonHeight</item>
    </style>

</resources>

3、attr.xml 自定义属性（一般做自定义View的人肯定熟悉）：

• 如果不用可忽略。这里定义后，就可在style.xml中使用这个item属性了，并可以写?attr/myBgColor 和 ?attr/myButtonHeight

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="myBgColor" format="color" />
    <attr name="myButtonHeight" format="dimension" />
</resources>

4、layout.xml 布局文件使用

• 这里背景使用到：android:background="?attr/myBgColor"
• 其中一个按钮用到：style="@style/MyBtnStyle"，而这个style里面属性用到<item name="android:layout_height">?attr/myButtonHeight</item> 。 而且这个myButtonHeight定义到了2个theme里面了！！！

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:background="?attr/myBgColor">

    <TextView
        android:id="@+id/sample_text"
        android:textSize="25sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        />

    <EditText
        android:id="@+id/et_1"
        android:textSize="25sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Edit it"/>

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CheckBox"
        android:checked="true"/>

    <Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点击这里"/>

    <Button
        android:id="@+id/btn_2"
        style="@style/MyBtnStyle"
        android:text="换主题色"/>

</LinearLayout>

5、代码控制切换主题

• setTheme()，必须在setContentView()，绘画画面之前
• 重启当前画面：recreate()
• 当前画面改了，但是除了栈顶的活动画面，之后新打开画面可以是新的theme，之前在栈里存活的活动画面还是不能及时换theme，这个此处不写了，太多情况了，反正可以控制的。

//切换不同的风格，必须在setContentView之前做
        if(useMyTheme){
            setTheme(R.style.MyTheme);
        }else{
            setTheme(R.style.AppTheme);
        }

        setContentView(R.layout.activity_main);


        btn_2 = findViewById(R.id.btn_2);
        btn_2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                useMyTheme = !useMyTheme;
                recreate(); //重启画面
            }
        });