Android4.4 及以下TextView,Button等控件使用矢量图报错

30次阅读

共计 2070 个字符,预计需要花费 6 分钟才能阅读完成。

1 问题描述
最近项目开发中,图标资源我尽量使用了矢量图,然而配置了基本的兼容设置,程序在低版本中运行还是出现了问题。
xml 布局文件中,在 TextView 中使用矢量图,比如 android:drawableStart,android:drawableStart 这些属性直接引用矢量图资源。这样在 Android5.0 及以上是没问题的,但是 5.0 以下就抛出找不到图片资源的问题。
2 原因
support 库并没有为 AppcompatTextView,AppcompatButton 等控件适配设置矢量图属性,反正我就记得 ImageView,ImageButton 有 srcCompat 属性就是适配了的。
3 解决方案
基础配置(必须):
1 在 gradle 里加上 vectorDrawables 兼容支持
android {

defaultConfig {

vectorDrawables.useSupportLibrary = true
}

}
2 在 Application 或者 Activity 上加上 AppCompateDelegate 开启 CompatVectorFromResources 支持
/**
* vector 兼容 5.0 以下系统
*/
static {
int currentapiVersion = android.os.Build.VERSION.SDK_INT;
if (currentapiVersion < 21){
// 适配 android5.0 以下
AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
}
}
方案 1:矢量图包装为 selector
如果将就 Android4.4,Button 就不能用矢量图,要用位图,那还叫锤子的兼容支持,我也不知道 Google 官方为毛不在兼容控件上多加几个支持属性。
参考 stackOverFlow 的回答,Button,TextView,应用矢量图,保险的是先把矢量图转为 selector,然后 selector 代替矢量图使用,我觉得这是最佳的办法。
例如:
<Button
style=”@style/SettingItemTheme”
android:layout_width=”match_parent”
android:layout_height=”@dimen/setting_item_height”
android:text=”@string/my_setting”
android:id=”@+id/my_btn_setting”
android:drawableStart=”@drawable/selector_setting”
android:drawableEnd=”@drawable/selector_right”/>

selector_setting.xml
<?xml version=”1.0″ encoding=”utf-8″?>
<selector xmlns:android=”http://schemas.android.com/apk/res/android”>
<item android:drawable=”@drawable/ic_my_setting”/>
</selector>

这里 android:drawableStart,android:drawableEnd, 我引用的是 selector,但是 selector 里面就是一个默认的矢量图,但用这种方式布局,在 Android4.4 下运行程序就不会报错。
方案 2:不支持的就使用位图
如果项目做了大半,突然说之前的矢量图不能用,要改为位图,这是很崩溃的。
4 扩展:为什么我要用矢量图,而不是位图
最常见的设置界面:

我不知道各位实现设置 Item 的方式是怎样的,我实现 UI 的原则是能用一个控件实现就用一个实现,所以 Item 我用一个 Button 控件就实现了。Button,TextView 自带 drawableStart 属性,可以在上下左右放图标,所以何必要用 LinearLayout 包三个控件实现呢。
例如:
<Button
style=”@style/SettingItemTheme”
android:layout_width=”match_parent”
android:layout_height=”@dimen/setting_item_height”
android:text=”@string/my_vehicle_manage”
android:id=”@+id/my_btn_vehicle_manage”
android:drawableStart=”@drawable/selector_vehicle_manage”
android:drawableEnd=”@drawable/selector_right”/>

但是如果 drawableStart 引用的是位图,这样图标的大小就很难调节,总是要找设计师重新切图,麻烦。但是用 vector 向量图就可以通过 android:width,android:height 调大小,这对开发来说很方便。

正文完
 0