文档章节

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

newtrek
 newtrek
发布于 02/16 23:09
字数 760
阅读 16
收藏 0

日常夜拍

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调大小,这对开发来说很方便。

© 著作权归作者所有

共有 人打赏支持
newtrek
粉丝 3
博文 21
码字总数 35117
作品 0
江北
程序员
私信 提问
Android4.4 及以下TextView,Button等控件使用矢量图报错

1 问题描述 最近项目开发中,图标资源我尽量使用了矢量图,然而配置了基本的兼容设置,程序在低版本中运行还是出现了问题。 xml布局文件中,在TextView中使用矢量图,比如android:drawableS...

newtrek
02/16
0
0
Android TextView的使用

一.TextView中文本信息设置成不同颜色: 1.html方式: 2. style方式: 特殊处理: 在使用SpannableString对象时要注意: Spanned.SPANEXCLUSIVEEXCLUSIVE等的作用: 用来标识在 Span 范围内的...

SRain215
2016/03/19
82
0
Android 利用addView 动态给Activity添加View组件

本文主要讲述如何动态给UI界面添加布局和控件,在编程的时候很多时候需要动态显示一些内容,在动态添加View的时候,主要使用addView方法。 1. addView方法简介 在Android 中,可以利用排版Vie...

小湘西
2015/09/25
0
0
Android UI控件和基本事件的响应

在任何一个 GUI 系统中,控制界面上的控件(通常称为控件)都是一个基本的内容。对于 Android 应用程序,控件称为 View。 在 Android 中,在处理 UI 中的各种元素的时候,两个程序中的要点为: „ ...

wxxzy
2014/03/22
553
0
TableLayout表格布局详解

一、Tablelayout简介 Tablelayout类以行和列的形式对控件进行管理,每一行为一个TableRow对象,或一个View控件。 当为TableRow对象时,可在TableRow下添加子控件,默认情况下,每个子控件占据...

yuwentao
2012/04/12
0
2

没有更多内容

加载失败,请刷新页面

加载更多

IOS  学习记录

1.StackView=>IOS 9及以上支持 2.布局方式: AutoLayout / StackView 堆布局 (线性布局) 3.屏幕适配 (资源分辨率、设计分辨率、屏幕分辨率) Size Class技术 可以针对 屏幕的方向进行设置...

萨x姆
55分钟前
3
0
第四次工业革命:自主经济的崛起

https://36kr.com/p/5170370.html

shengjuntu
昨天
3
0
Cloud Native 与12-Factor

12-Factor(twelve-factor),也称为“十二要素”,是一套流行的应用程序开发原则。Cloud Native架构中使用12-Factor作为设计准则。 12-Factor 的目标在于: 使用标准化流程自动配置,从而使...

waylau
昨天
9
0
java多线程2

“非线程安全”问题存在于“实例变量”中,如果是方法内部的私有变量,则不存在线程安全问题。这是因为方法内部的变量都是私有造成的。 synchronized 获取的都是对象锁。如果多个线程访问多个...

一滴水穿石
昨天
4
0
今天的学习

1,document.location.href:获取整个url 2,str.split(' '):用字符分割字符串 3,$this->load->library(' '):引用图像处理类 4,$this->load->library(' '):引用Email类 5,特殊访问指针$th......

墨冥
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部