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

 更新时间:2020年03月19日 09:29:41   作者:poorSir  
这篇文章主要为大家详细介绍了基于Android-Skin-Loader实现换肤效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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);
   }
  }
 }
}

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

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

相关文章

  • Android ScrollView的顶部下拉和底部上拉回弹效果

    Android ScrollView的顶部下拉和底部上拉回弹效果

    本篇文章主要介绍了Android ScrollView的顶部下拉和底部上拉回弹效果,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • 基于RxJava框架实现获取验证码的辅助类

    基于RxJava框架实现获取验证码的辅助类

    这篇文章主要为大家详细介绍了基于RxJava框架实现获取验证码的辅助类,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android实现视频弹幕功能

    Android实现视频弹幕功能

    这篇文章主要为大家详细介绍了Android实现视频弹幕功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Android编程实现WebView添加进度条的方法

    Android编程实现WebView添加进度条的方法

    这篇文章主要介绍了Android编程实现WebView添加进度条的方法,涉及Android WebView界面及控件功能相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • android实现系统信息推送

    android实现系统信息推送

    这篇文章主要为大家详细介绍了android实现系统信息推送,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android UI自定义ListView实现下拉刷新和加载更多效果

    Android UI自定义ListView实现下拉刷新和加载更多效果

    这篇文章主要介绍了Android UI自定义ListView实现下拉刷新和加载更多效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android仿IOS ViewPager滑动进度条

    Android仿IOS ViewPager滑动进度条

    这篇文章主要为大家详细介绍了Android仿IOS ViewPager滑动进度条的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 浅析SVN在Android Studio中的安装和配置方法

    浅析SVN在Android Studio中的安装和配置方法

    这篇文章主要介绍了SVN在Android Studio中的安装和配置方法,本文通过图文并茂给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • Kotlin 协程思维模型的引入使用建立

    Kotlin 协程思维模型的引入使用建立

    这篇文章主要为大家介绍了Kotlin 协程思维模型的引入使用及建立详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • Android实现简易闹钟功能

    Android实现简易闹钟功能

    这篇文章主要为大家详细介绍了Android实现简易闹钟功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06

最新评论