温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android中drawable.xml替代方案的示例分析

发布时间:2021-08-11 14:38:21 来源:亿速云 阅读:171 作者:小新 栏目:移动开发

这篇文章给大家分享的是有关Android中drawable.xml替代方案的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

前言

在开发中我们经常要使用图片或者drawable文件夹下的xml,来实现一些效果,Drawable的用法都和xml相关,我们可以使用shape、layer-list等标签绘制一些背景,还可以通过selector标签定义View的状态的效果等。当然了基本每个标签都对应于一个真正的实体类。

所有drawable.xml对应的Java类如下

Android中drawable.xml替代方案的示例分析

如何维护(替换)drawable xml是android开发中一个老生常谈的话题。按照标准的Android布局开发模式,我们不得不为各种UI效果新建不同的xml文件进行描述,哪怕是简单的一个圆角。随着项目迭代,成百上千的xml连同那模棱两可的文件名,不仅让开发者复用或清理的成本难以估计,还使得项目体积急剧增大。因此,下面我们探索一种原理巧妙、适配全面的drawable替代方案。

下面话不多说了,来一起看看详细的介绍吧

传统方案总结

我们先概括下目前市面上已有的方案,大致分为两种实现方式。

一种是继承某个(或某几个)常用的控件,然后将drawable.xml中的常用属性作为当前控件的自定义属性,最后在控件内部动态生成drawable作为该控件的背景。这种方案的优点很明显:能直观地将drawable效果描述作为控件的属性定义在布局xml中,具有很好的可读性;但是缺点也不可忽视,这些属性并不能应用到任意控件,导致在很多时候还是不得不创建drawable.xml文件。

另一种方案则是将drawable的常用属性封装为代码API,以动态的方式在代码中生成并赋值给控件。这种方案理论上完全抛弃了drawable.xml,可以适配任意控件,但是若想完全以这种方式达到完全替换xml,个人觉得不可能,代码量大,关联性低是其最大的缺点,单看布局,无从知晓该控件的最终效果。不过,如果两相结合,作为对第一种方案的补充倒是一个不错的方案。

新方案探索

上述两种方案各有千秋,但都无法完全解决问题,我们对上述两种方案进行分析,提出以下问题:为什么不能有一种「既具有高可读性,又能全面适配」的drawable.xml替代方案呢?也就是说能同时兼顾前面提到的两种方案的优点,高可读性意味着对drawable的描述需要作为属性定义在布局文件中、全面适配意味这些属性对任意控件都有效。思来想去,答案似乎只有一个:DataBinding。说到这里,可能有些朋友已经隐隐猜到了,不过别急,容我娓娓道来。

DataBinding是Android官方推出的数据绑定库,尽管已有数年,但是我估计仍有部分开发者还没有接触甚至有些抵触,具体就不细说,但是我希望你暂且能拥抱它,继续阅读。

数据绑定让数据变化能直接反映到布局中,对于控件已有的属性,例如TextView的android:text属性,一旦通过DataBinding绑定:

<TextView
 android:text="@{name}"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

在运行时内部就会调用TextView内部的setText方法。其实现原理的关键就是DataBinding通过提供的@BindingAdapter注解,该注解将任意指定的属性和任意指定的方法关联,DataBinding会在编译的时候动态生成的调用关系,而对于常用的控件,DataBinding已经预置了对应的注解方法,例如以下就是TextView的setText方法:

@BindingAdapter("android:text")
public static void setText(TextView view, CharSequence text) {
 final CharSequence oldText = view.getText();
 if (text == oldText || (text == null && oldText.length() == 0)) {
  return;
 }
 if (text instanceof Spanned) {
  if (text.equals(oldText)) {
   return; // No change in the spans, so don't set anything.
  }
 } else if (!haveContentsChanged(text, oldText)) {
  return; // No content changes, so don't set anything.
 }
 view.setText(text);
}

我们需要关注的就是这个@BindingAdapter注解,「任意指定的属性」这个属性并非特指我们在布局中Android提供的标准属性,也就是说,我们可以提供任意字符串作为属性,而任意方法很好理解,上面的代码片段很好的表达了这个意思,我们唯一需要关注的就是这个方法的参数:第一个参数是指定注解中的属性的作用域,后面的参数则是和注解所声明的属性一一对应,那么结合到我们本文的主题,答案也就呼之欲出了:

新方案实现

提供一个用@BindingAdapter注解的方法,作用域指定为View(即任意控件);参数约定为drawable.xml中的属性,不就达到了目的吗。是否是感觉到一丝丝巧妙?既然方案有了,下面我们来看具体实现。

限于drawable属性的丰富性,本文以常用的属性solid 和 corner为例展开。如以下片段所示:

@BindingAdapter(value = {
  "drawable_solidColor",
  "drawable_radius",
}, requireAll = false)
public static void setViewBackground(View v, int color, int radius) {
 GradientDrawable drawable = new GradientDrawable();
 drawable.setColor(color);
 drawable.setCornerRadius(radius);
 view.setBackground(drawable);
}

上面代码片段定义了两个属性:drawable_solidColor, drawable_radius,分别表示solid的color和corner的radius属性,也就是说稍后我们就就可以在布局文件中为每个View都指定该属性了;

这里可能有朋友会产生疑问,drawable的属性那么多,这里只定义了两个还好,如果把所有的drawable属性都定义,那岂不是每个控件都要把每个属性都指定一次,即使不需要。所以还需要提一下requireAll参数,它表示是否需要每个属性都必须绑定了数据才会调用setViewBackground方法,设置为false后,就可以在布局文件中只指定需要的属性即可。

以上几行代码完成了基本定义,下面我们来看看如何使用:

<layout>
 <TextView
  drawable_radius="@{10}"
  drawable_solidColor="@{0xffff0000}"
  
  android:layout_width="60dp"
  android:layout_height="60dp" />
<layout/>

不用怀疑,就是这么简单,即使这里不贴出效果图,我想大家脑海中已经浮现出来了,是不是觉得一目了然?以此类推,其它的drawable属性也可以通过本方案逐一实现。

感谢各位的阅读!关于“Android中drawable.xml替代方案的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI