基于Android-Skin-Loader实现换肤效果

时间:2021-05-19

skin-loader框架的换肤是通过插件化的形式替换资源文件,实现换肤效果。好处是可以在线更新皮肤换肤

android-skin-loader源码

Demo样例

流程

整个框架大概的流程是加载皮肤包,找到被标记的控件,通过自定义的Factory工程过滤掉其他控件,使用皮肤包中的资源文件更新被标记的ui。

使用操作

1、导入android-skin-loader框架包
androidStudio File->new->import Module选择android-skin-loader
项目右键->open Module Setting->app中加载依赖android-skin-loader库

2、在MyApplication 初始化框架

SkinManager.getInstance().init(this);SkinManager.getInstance().load();

3、需要换肤的activity需要继承skin-loader中的BaseActivity
需要换肤的控件添加skin:enable=”true”,控件xml添加命名空间xmlns:skin=”http://schemas.android.com/android/skin”

4、准备需要替换的color或drawable同名的资源文件包将其打包,重命名以.skin结尾
本地测试可以使用adb命令将.skin包放在sdcard
adb push 文件目录/test.skin /sdcard

样例代码

xml文件,使用databinding,不知道的自行百度

<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:skin="http://schemas.android.com/android/skin"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <Button android:id="@+id/btn_default" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/text_color" android:background="@color/button_background" skin:enable="true" android:text="默认皮肤"/> <Button android:id="@+id/btn_change_skin" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:textColor="@color/text_color" android:background="@color/button_background" skin:enable="true" android:text="更改皮肤"/> <Button android:id="@+id/btn_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:textColor="@color/text_color" android:background="@color/button_background" skin:enable="true" android:text="动态添加布局"/> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@color/text_color" android:text="文字文字文字文字文字文字" skin:enable="true" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/skin" skin:enable="true"/> <LinearLayout android:id="@+id/add_layout" android:layout_width="match_parent" android:layout_height="wrap_content" skin:enable="true" android:orientation="vertical"> </LinearLayout> </LinearLayout></layout>public class SkinChangeAct extends BaseActivity{ private ActivitySkinchangeBinding binding; //skin包名 private String SKIN_NAME = "test.skin"; //skin皮肤包的路径 private String SKIN_DIR = Environment.getExternalStorageDirectory()+ File.separator+SKIN_NAME; @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = DataBindingUtil.setContentView(this, R.layout.activity_skinchange); //更换皮肤 binding.btnChangeSkin.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { File skin = new File(SKIN_DIR); if(skin == null || !skin.exists()){ Toast.makeText(getApplicationContext(), "请检查" + SKIN_DIR + "是否存在", Toast.LENGTH_SHORT).show(); return; } SkinManager.getInstance().load(skin.getAbsolutePath(), new ILoaderListener() { @Override public void onStart() { System.out.println("start"); } @Override public void onSuccess() { System.out.println("onSuccess"); } @Override public void onFailed() { System.out.println("onFailed"); } }); } }); //恢复默认皮肤 binding.btnDefault.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { SkinManager.getInstance().restoreDefaultTheme(); } }); //动态加载控件 binding.btnAdd.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { dynamicAddTextView(); } }); } /**动态添加textview*/ private void dynamicAddTextView() { TextView textView = new TextView(this); RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); params.addRule(RelativeLayout.CENTER_IN_PARENT); textView.setLayoutParams(params); textView.setTextColor(SkinManager.getInstance().getColor(R.color.text_color)); textView.setText("hellohello"); textView.setTextSize(28); //将动态添加的布局也更换皮肤,否则之前添加的不能更改 List<DynamicAttr> mDanamicAttr = new ArrayList<DynamicAttr>(); mDanamicAttr.add(new DynamicAttr(AttrFactory.TEXT_COLOR,R.color.text_color)); dynamicAddView(textView,mDanamicAttr); binding.addLayout.addView(textView); }}

资源文件color.xml

<?xml version="1.0" encoding="utf-8"?><resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="text_color">#ff0000</color> <color name="button_background">#00ff00</color></resources>

skin皮肤包中的资源文件color.xml

<?xml version="1.0" encoding="utf-8"?><resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="text_color">#ffff00</color> <color name="button_background">#00ffff</color></resources>

对比一下,只是更改了数值,名字相同。

框架迭代,增加功能

android-skin-loader框架是没有对于src属性的修改,案例中使用imageView模拟了src的更改。
在AttrFactory中增加对于src的支持

public class AttrFactory { public static final String BACKGROUND = "background"; public static final String TEXT_COLOR = "textColor"; public static final String LIST_SELECTOR = "listSelector"; public static final String DIVIDER = "divider"; //增加src属性 public static final String SRC="src"; public static SkinAttr get(String attrName, int attrValueRefId, String attrValueRefName, String typeName){ SkinAttr mSkinAttr = null; System.out.println("attrName="+attrName); if(BACKGROUND.equals(attrName)){ mSkinAttr = new BackgroundAttr(); }else if(TEXT_COLOR.equals(attrName)){ mSkinAttr = new TextColorAttr(); }else if(LIST_SELECTOR.equals(attrName)){ mSkinAttr = new ListSelectorAttr(); }else if(DIVIDER.equals(attrName)){ mSkinAttr = new DividerAttr(); }else if(SRC.equals(attrName)){ //自定义加载src mSkinAttr =new SrcAttr(); }else{ return null; } mSkinAttr.attrName = attrName; mSkinAttr.attrValueRefId = attrValueRefId; mSkinAttr.attrValueRefName = attrValueRefName; mSkinAttr.attrValueTypeName = typeName; return mSkinAttr; } /** * Check whether the attribute is supported * @param attrName * @return true : supported <br> * false: not supported */ public static boolean isSupportedAttr(String attrName){ if(BACKGROUND.equals(attrName)){ return true; } if(TEXT_COLOR.equals(attrName)){ return true; } if(LIST_SELECTOR.equals(attrName)){ return true; } if(DIVIDER.equals(attrName)){ return true; } //支持src if(SRC.equals(attrName)){ return true; } return false; }}

srcAttr继承SkinAttr定义加载src

public class SrcAttr extends SkinAttr{ @Override public void apply(View view) { if(view instanceof ImageView){ ImageView imageView = (ImageView) view; if(RES_TYPE_NAME_COLOR.equals(attrValueTypeName)){ imageView.setImageResource(SkinManager.getInstance().getColor(attrValueRefId)); }else if(RES_TYPE_NAME_DRAWABLE.equals(attrValueTypeName)){ Drawable bg = SkinManager.getInstance().getDrawable(attrValueRefId); imageView.setImageDrawable(bg); } } }}

各种控件的支持都可以自己添加。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章