加载自定义属性实现app换肤功能

在各大app中的换肤换主题的功能实现。博主的理解就是一种当用户点击更换主题按钮，从服务器下载主题。这种就是插件化加载。另一种就是自定义多套的属性，当用户点击的时候，就通过反射机制，在达到更换主题皮肤的效果。

下面，就通过一个小例子来实现换肤的功能，初次尝试，如有纰漏的地方望大神指出，多多交流。

怎么自定义属性，不明白的戳这里：http://blog.csdn.net/qq_17387361/article/details/53330969

1：在values文件夹下新建attr.xml文件(这里就拿颜色变化来说，当然也可以定义图片资源。)

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="main_bg" format="reference|color"/>
    <attr name="main_textcolor" format="reference|color"/>
    <attr name="other_bg" format="reference|color"/>
    <attr name="other_textcolor" format="reference|color"/>

</resources>

2：在styles.xml中定义2套主题（里面的color值我用汉语拼音写的，通俗易懂）

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--  主题A  -->
    <style name="theme_a" >
        <item name="main_bg">@color/bai</item>
        <item name="main_textcolor">@color/hei</item>
        <item name="other_bg">@color/bai</item>
        <item name="other_textcolor">@color/hei</item>
    </style>

    <!--  主题B -->
    <style name="theme_b" >
        <item name="main_bg">@color/hei</item>
        <item name="main_textcolor">@color/bai</item>
        <item name="other_bg">@color/hei</item>
        <item name="other_textcolor">@color/bai</item>
    </style>
</resources>

3：maniactivity的布局文件layout:

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?attr/main_bg"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">


    <Button
        android:id="@+id/btn_a"
        android:text="跳转"
        android:layout_centerInParent="true"
        android:textColor="?attr/main_textcolor"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/btn_b"
        android:layout_centerHorizontal="true"
        android:text="换肤"
        android:layout_below="@id/btn_a"
        android:layout_marginTop="30dip"
        android:textColor="?attr/main_textcolor"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</RelativeLayout>

注意其中自定义属性的引用：

android:textColor="?attr/main_textcolor"

效果图：

两个按钮，跳转是跳到另一个activity中。来模拟点击换肤的时候app其他的页面是否也做了变换。

另一个activity的布局很简单，这里直接给出效果图

这里注意仔细看，默认的颜色第一个activity背景是白色，按钮上面的字体颜色是黑色，第二个activity背景是白色，字体颜色是黑色

3：在来看activity类的代码

/**
 * Created by W61 on 2016/11/25.
 */

public class BaseActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        SpUtils.init(this, "henry_theme");
        if(SpUtils.getInt("theme", 0) == 1) {
            setTheme(R.style.theme_b);
        } else {
            setTheme(R.style.theme_a);
        }
    }
}

public class MainActivity extends BaseActivity {

    private Button btn_a,btn_b;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        btn_a = (Button) findViewById(R.id.btn_a);
        btn_a.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startActivity(new Intent(MainActivity.this,OtherActivity.class));
            }
        });
        btn_b = (Button) findViewById(R.id.btn_b);
        btn_b.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if(SpUtils.getInt("theme", 0) == 1) {
                    SpUtils.setInt("theme", 0);
                    setTheme(R.style.theme_a);
                } else {
                    SpUtils.setInt("theme", 1);
                    setTheme(R.style.theme_b);
                }
                final View rootView = getWindow().getDecorView();
                ColorUiUtil.changeTheme(rootView, getTheme());
                startActivity(new Intent(MainActivity.this,MainActivity.class));
                finish();
            }
        });
    }

建了一个baseactivity便于统一管理，sputils是保存当前到底是那套皮肤的标识。大家可以自由发挥

注意：

startActivity(new Intent(MainActivity.this,MainActivity.class));
finish();

博主这个写这句代码是想点击换肤后当前页面也随之刷新。这里如果大家有更好的方法可以留言指出。

下面是一个帮助类(这个类拷贝网上大神写的方法)

/**
 * Created by chengli on 15/6/10.
 */
public class ColorUiUtil {
    /**
     * 切换应用主题
     *
     * @param rootView
     */
    public static void changeTheme(View rootView, Resources.Theme theme) {
        if (rootView instanceof ColorUiInterface) {
            ((ColorUiInterface) rootView).setTheme(theme);
            if (rootView instanceof ViewGroup) {
                int count = ((ViewGroup) rootView).getChildCount();
                for (int i = 0; i < count; i++) {
                    changeTheme(((ViewGroup) rootView).getChildAt(i), theme);
                }
            }
            if (rootView instanceof AbsListView) {
                try {
                    Field localField = AbsListView.class.getDeclaredField("mRecycler");
                    localField.setAccessible(true);
                    Method localMethod = Class.forName("android.widget.AbsListView$RecycleBin").getDeclaredMethod("clear", new Class[0]);
                    localMethod.setAccessible(true);
                    localMethod.invoke(localField.get(rootView), new Object[0]);
                } catch (NoSuchFieldException e1) {
                    e1.printStackTrace();
                } catch (ClassNotFoundException e2) {
                    e2.printStackTrace();
                } catch (NoSuchMethodException e3) {
                    e3.printStackTrace();
                } catch (IllegalAccessException e4) {
                    e4.printStackTrace();
                } catch (InvocationTargetException e5) {
                    e5.printStackTrace();
                }
            }
        } else {
            if (rootView instanceof ViewGroup) {
                int count = ((ViewGroup) rootView).getChildCount();
                for (int i = 0; i < count; i++) {
                    changeTheme(((ViewGroup) rootView).getChildAt(i), theme);
                }
            }
            if (rootView instanceof AbsListView) {
                try {
                    Field localField = AbsListView.class.getDeclaredField("mRecycler");
                    localField.setAccessible(true);
                    Method localMethod = Class.forName("android.widget.AbsListView$RecycleBin").getDeclaredMethod("clear", new Class[0]);
                    localMethod.setAccessible(true);
                    localMethod.invoke(localField.get(rootView), new Object[0]);
                } catch (NoSuchFieldException e1) {
                    e1.printStackTrace();
                } catch (ClassNotFoundException e2) {
                    e2.printStackTrace();
                } catch (NoSuchMethodException e3) {
                    e3.printStackTrace();
                } catch (IllegalAccessException e4) {
                    e4.printStackTrace();
                } catch (InvocationTargetException e5) {
                    e5.printStackTrace();
                }
            }
        }
    }

下面来看最终运行图：

大家可以仔细观察点击换肤前和换肤后的背景颜色和字体颜色。

这里建议大家在点击换肤时弹出一个加载框。来缓冲一下当前界面的刷新。

这是封装的一些列常用控件的jar包:http://download.csdn.net/detail/qq_17387361/9692620

这是本编博文的项目地址:http://download.csdn.net/detail/qq_17387361/9693602