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

栏目: IOS · Android · 发布时间: 5年前

内容简介:最近项目开发中,图标资源我尽量使用了矢量图,然而配置了基本的兼容设置,程序在低版本中运行还是出现了问题。xml布局文件中,在TextView中使用矢量图,比如android:drawableStart,android:drawableStart这些属性直接引用矢量图资源。这样在Android5.0及以上是没问题的,但是5.0以下就抛出找不到图片资源的问题。

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

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 扩展:为什么我要用矢量图,而不是位图

最常见的设置界面:

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

我不知道各位实现设置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 调大小,这对开发来说很方便。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Search User Interfaces

Search User Interfaces

Marti A. Hearst / Cambridge University Press / 2009-9-21 / USD 59.00

搜索引擎的本质是帮助用户更快、更方便、更有效地查找与获取所需信息。在不断改进搜索算法和提升性能(以技术为中心)的同时,关注用户的信息需求、搜寻行为、界面设计与交互模式是以用户为中心的一条并行发展思路。创新的搜索界面及其配套的交互机制对一项搜索服务的成功来说是至关重要的。Marti Hearst教授带来的这本新作《Search User Interfaces》即是后一条思路的研究成果,将信息检索与人......一起来看看 《Search User Interfaces》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具