一種簡單的實現：Android一鍵換膚功能

現在的APP開發，通常會提供APP的換膚功能，網上流傳的換膚代碼和實現手段過於復雜，我把原作者的代碼重新整理抽取出來，轉換成Eclipse項目，重新整理成正確、可直接運行的項目.

代碼運行結果如圖。

假設默認是黃色皮膚：

換膚成紅色：

換膚成綠色：

 

 使用方式：
1，首先要自定義一個Application，在AppTest中就是MyApplication。完成初始化。

package zhangphil.apptest;  
  
import com.zhy.changeskin.SkinManager;  
  
import android.app.Application;  
  
public class MyApplication extends Application {  
    @Override  
    public void onCreate() {  
        super.onCreate();  
        SkinManager.getInstance().init(this);  
    }  
}  

2，把這個MyApplication寫到Androidmanifest.xml里面：

3，在打算實現換膚的activity里面的onCreate()和onDestory()里面添加相應的“注冊”和“注銷”代碼：

@Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        ...  
        SkinManager.getInstance().register(this);  
        ...  
    }  
      
    @Override  
    protected void onDestroy(){  
        super.onDestroy();  
        SkinManager.getInstance().unregister(this);  
    }  

本例完整的MainActivity.Java代碼：

 

package zhangphil.apptest;  
  
import com.zhy.changeskin.SkinManager;  
  
import android.app.Activity;  
import android.os.Bundle;  
import android.view.Menu;  
import android.view.MenuItem;  
  
public class MainActivity extends Activity {  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
          
        SkinManager.getInstance().register(this);  
          
        setContentView(R.layout.activity_main);  
    }  
      
    @Override  
    protected void onDestroy(){  
        super.onDestroy();  
        SkinManager.getInstance().unregister(this);  
    }  
  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {   
        getMenuInflater().inflate(R.menu.main, menu);  
        return true;  
    }  
  
    @Override  
    public boolean onOptionsItemSelected(MenuItem item) {  
        int id = item.getItemId();  
        if (id == R.id.red_skin) {  
            SkinManager.getInstance().changeSkin("red");  
            return true;  
        }  
          
        if (id == R.id.green_skin) {  
            SkinManager.getInstance().changeSkin("green");  
            return true;  
        }  
          
        if (id == R.id.default_skin) {  
            SkinManager.getInstance().changeSkin("default");;  
            return true;  
        }  
          
        return super.onOptionsItemSelected(item);  
    }  
}  

以上完成后，剩下的就是比較繁瑣和稍微需要理解的難點。
以Android ImageView為例，假設要對某一個ImageView實現一鍵換膚功能，在本例是要將ImageView的src圖片換成相應的皮膚顏色，那么首先需要准備幾套以一個共同前綴名和不同后綴名組成的圖片資源，本例是：

 

相同的前綴名是skin_img  ，不同的后綴名是 green，red，default，后綴名至關重要，后面將以后綴名換膚。中間用連詞符“_”連接起來。
然后在ImageView里面添加tag字段屬性。Tag字段屬性有三部分組成，以本例的ImageView為例，第一部分skin是固定的，不用管。接着就是上面的前綴 skin_img，第三部分是作為ImageView的src為靶子換膚。

<ImageView  
        android:id="@+id/image"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_centerInParent="true"  
        android:tag="skin:skin_img:src"  
        android:src="@drawable/skin_img_default"/> 

TextView類似於ImageView，TextView的字段tag也是三段，第一部分skin不用管，第二部分仍然是需要設置的顏色的前綴，第三部分是修改的TextView的屬性textColor為標靶。TextView的配置代碼：

<TextView  
        android:id="@+id/text"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_below="@id/image"  
        android:layout_centerHorizontal="true"  
        android:text="Zhang Phil @CSDN"  
        android:tag="skin:text_color:textColor"  
        android:textColor="@color/text_color_default" />

　　colors.xml定義的相關屬性：

<?xml version="1.0" encoding="utf-8"?>  
<resources>  
    <color name="text_color_red">#ff0000</color>  
    <color name="text_color_green">#00ff00</color>  
    <color name="text_color_default">#ffff00</color>  
</resources>  

本例的換膚在menu菜單里面觸發，就直接以之前定義的ImageView和TextView的不同后綴名：

@Override  
    public boolean onOptionsItemSelected(MenuItem item) {  
        int id = item.getItemId();  
        if (id == R.id.red_skin) {  
            SkinManager.getInstance().changeSkin("red");  
            return true;  
        }  
          
        if (id == R.id.green_skin) {  
            SkinManager.getInstance().changeSkin("green");  
            return true;  
        }  
          
        if (id == R.id.default_skin) {  
            SkinManager.getInstance().changeSkin("default");;  
            return true;  
        }  
          
        return super.onOptionsItemSelected(item);  
    }  

更為全面的說明不如直接看我寫的AppTest這個項目代碼，項目源代碼例子我盡量寫的比較簡單。

 新的github鏈接地址：https://github.com/zhangphil/Android-ChangeSkin