是否可以使用 android: DrawableRight 在 Buttons 和 TextView 中使用 VectorDrawable？

这个解决方案不再正确，从23.3.0版本向量绘制只能通过 app: srcCompat 或 setImageResource ()加载

试着把你的矢量图包装成图层列表或者选择器:

<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableRight="@drawable/ic_accessible_white_wrapped"
android:background="@color/colorPrimary"
android:textColor="#FFFFFF"
android:textSize="22sp"
android:text="Hello World!"/>

Ic _ access _ white _  包裝. xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_accessible_white_36px"/>
</layer-list>

来自 Google: 截至 Android 支持库23.3.0，支持向量 只能通过 app: srcCompat 或 setImageResource ()加载可画性。

Http://android-developers.blogspot.ru/2016/02/android-support-library-232.html

可以在 xml 中直接设置向量绘制，但是必须包含数据绑定框架。

写吧

<TextView
...
android:drawableRight="@{@drawable/ic_accessible_white_36px}"/>

并将整个布局包装在 <layout>标记中，因此基本上您的 xml 看起来像:

<?xml version="1.0" encoding="utf-8"?>
<layout>


<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="au.com.angryitguy.testsvg.MainActivity">




<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
android:drawableRight="@{@drawable/ic_accessible_white_36px}"
android:text="Hello World!"
android:textColor="#FFFFFF"
android:textSize="22sp"/>
</RelativeLayout>
</layout>

要激活数据绑定框架，只需添加

android {
....
defaultConfig {
dataBinding {
enabled = true
}
}
}

您不必使用绑定库的任何其他特性

编辑:

当然，如果你想使用矢量绘图前棒棒糖你必须启用支持矢量绘图使用

vectorDrawables.useSupportLibrary = true

所以你的 build.gradle需要两个新命令:

android {
....
defaultConfig {
vectorDrawables.useSupportLibrary = true
dataBinding {
enabled = true
}
}
}

感谢 Rkmax的评论

是否可以对 SVG 资产使用 draableRight 等？

是的

AppCompatTextView 现在支持 app:drawableLeftCompat、 app:drawableTopCompat、 app:drawableRightCompat、 app:drawableBottomCompat、 app:drawableStartCompat和 app:drawableEndCompat复合绘图，支持后端移植的绘图类型，如 VectorDrawableCompat。

把这个写进你的档案里

implementation 'androidx.appcompat:appcompat:1.1.0-alpha01'

在文本视图中，可以使用

app:drawableLeftCompat
app:drawableStartCompat

如果在使用 app: draableLeftCompat，app: draableStartCompat 按钮时遇到问题，则需要将库更新为

Appcompat: appcompat: 1.2.0-alpha01

他们装了窃听器

Appcompat: appcompat: 1.1.0-alpha01

你可以看到 医生

或者如果你还不想更新，那么:

因为谷歌似乎不会在短期内对这个问题采取任何行动，我不得不为我所有的应用程序想出一个更可靠的可重用解决方案:

1. 首先在应用程序 “ res/values/attrs.xml”的 attrs.xml 文件中添加定制的 文本视图属性:

   <resources>
   <declare-styleable name="CustomTextView">
   <attr name="drawableStartCompat" format="reference"/>
   <attr name="drawableEndCompat" format="reference"/>
   <attr name="drawableTopCompat" format="reference"/>
   <attr name="drawableBottomCompat" format="reference"/>
   </declare-styleable>
   </resources>
   

2. Then create custom TextView class like this:

   import android.content.Context;
   import android.content.res.TypedArray;
   import android.graphics.drawable.Drawable;
   import android.os.Build;
   import android.support.v7.content.res.AppCompatResources;
   import android.support.v7.widget.AppCompatTextView;
   import android.util.AttributeSet;
   
   
   public class CustomTextView extends AppCompatTextView {
   public CustomTextView(Context context) {
   super(context);
   }
   public CustomTextView(Context context, AttributeSet attrs) {
   super(context, attrs);
   initAttrs(context, attrs);
   }
   public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
   super(context, attrs, defStyleAttr);
   initAttrs(context, attrs);
   }
   
   
   void initAttrs(Context context, AttributeSet attrs) {
   if (attrs != null) {
   TypedArray attributeArray = context.obtainStyledAttributes(
   attrs,
   R.styleable.CustomTextView);
   
   
   Drawable drawableStart = null;
   Drawable drawableEnd = null;
   Drawable drawableBottom = null;
   Drawable drawableTop = null;
   if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
   drawableStart = attributeArray.getDrawable(R.styleable.CustomTextView_drawableStartCompat);
   drawableEnd = attributeArray.getDrawable(R.styleable.CustomTextView_drawableEndCompat);
   drawableBottom = attributeArray.getDrawable(R.styleable.CustomTextView_drawableBottomCompat);
   drawableTop = attributeArray.getDrawable(R.styleable.CustomTextView_drawableTopCompat);
   } else {
   final int drawableStartId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableStartCompat, -1);
   final int drawableEndId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableEndCompat, -1);
   final int drawableBottomId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableBottomCompat, -1);
   final int drawableTopId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableTopCompat, -1);
   
   
   if (drawableStartId != -1)
   drawableStart = AppCompatResources.getDrawable(context, drawableStartId);
   if (drawableEndId != -1)
   drawableEnd = AppCompatResources.getDrawable(context, drawableEndId);
   if (drawableBottomId != -1)
   drawableBottom = AppCompatResources.getDrawable(context, drawableBottomId);
   if (drawableTopId != -1)
   drawableTop = AppCompatResources.getDrawable(context, drawableTopId);
   }
   
   
   // to support rtl
   setCompoundDrawablesRelativeWithIntrinsicBounds(drawableStart, drawableTop, drawableEnd, drawableBottom);
   attributeArray.recycle();
   }
   }
   }
   

3. Now you can use it easily in any layouts by your custom attributes:

   <YOUR_VIEW_PACKAGE.CustomTextView
   android:id="@+id/edt_my_edit_text"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   app:drawableStartCompat="@drawable/your_vector_drawable" <!-- vector drawable -->
   app:drawableEndCompat="@drawable/your_vector_drawable" <!-- vector drawable -->
   app:drawableTopCompat="@drawable/your_vector_drawable" <!-- vector drawable -->
   app:drawableBottomCompat="@drawable/your_vector_drawable" <!-- vector drawable -->
   />
   

   • 你可以用 按钮，编辑文本和 无线电按钮做类似的事情，因为它们是从 TextView 派生出来的

希望这对你有帮助:)

如果您正在使用绑定，那么还有另一种神奇的方法可以在 TextView 中使用相同的方法。把它们包起来:

android:drawableLeft="@{@drawable/vector_ic_access_time_24px}"
android:drawableStart="@{@drawable/vector_ic_access_time_24px}"

这将神奇地工作，我还没有调查什么正在发生幕后，但我猜测的 TextView 是使用 AppCompatResources或类似的 getDrawable方法。

我发现最好的办法是:

Drawable leftDrawable = AppCompatResources.getDrawable(this, R.drawable.ic_search);
search.setCompoundDrawablesWithIntrinsicBounds(leftDrawable, null, null, null);

为了补充这里的一些答案: 你可以让 VectorDrawable 作为 drawableLeft(等等)工作，但这取决于支持库的版本，而且是有代价的。

它在哪些情况下有效？我使用 这张图来提供帮助(对于 Support Library 23.4.0至少有效-25.1.0)。

我这么晚才回答这个问题，因为这个问题我一直坚持到很晚。我在使用 TextView 时遇到了同样的问题: svg/矢量绘图。我可以用下面的两行代码来解决我的问题，而不是让你自己的自定义绘图:

Drawable drawableTop = AppCompatResources.getDrawable(view.getContext(), iconId);
view.setCompoundDrawablesWithIntrinsicBounds(null, drawableTop, null, null);

希望能帮到你。

其他的答案都不起作用，下面是我如何将一个 VectorDrawable加到一个 TextView中的，当处理下面的 Android L中的 VectorDrawables时，你应该使用 VectorDrawableCompat.create():

TextView titleTextView = (TextView) viewHolder.getView(android.R.id.text1);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
{
Drawable leftDrawable = AppCompatResources
.getDrawable(context, R.drawable.ic_tickbox);
titleTextView.setCompoundDrawablesWithIntrinsicBounds(leftDrawable, null, null, null);
}
else
{
//Safely create our VectorDrawable on pre-L android versions.
Drawable leftDrawable = VectorDrawableCompat
.create(context.getResources(), R.drawable.ic_tickbox, null);
titleTextView.setCompoundDrawablesWithIntrinsicBounds(leftDrawable, null, null, null);
}

简短，甜蜜，直奔主题！

我为此设计了一个很小的库 -Textview-rich-draable 文本视图-丰富-可绘制(它还支持定义复合绘图的大小和着色)。

<com.tolstykh.textviewrichdrawable.TextViewRichDrawable
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Some text"
app:compoundDrawableHeight="24dp"
app:compoundDrawableWidth="24dp"
app:drawableTopVector="@drawable/some_vector_drawble"
app:drawableEndVector="@drawable/another_vector_drawable"
app:drawableTint="@color/colorAccent" />

还有依赖性

compile 'com.tolstykh.textviewrichdrawable:textview-rich-drawable:0.3.2'

我浏览了所有的答案，并使用了最新的 Android 工作室3.0.1和 AppCompat 支持库26.1.0，我可以保证这个工作得很好。

在 建造，分级(应用程序)文件中

android {
compileSdkVersion 26
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
}


dependencies {
implementation 'com.android.support:appcompat-v7:26.1.0'
}

并且在活动扩展 AppcompatActivity包括这外面 方法，即 static块

static {
AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
}

或者如果你想把这个应用程序应用到整个应用程序中，只需要在里面包含这一行 扩展 Application类的类

override fun onCreate() {
super.onCreate()
AppCompatDelegate.setCompatVectorFromResourcesEnabled(true)
}

Xml 中的文本视图

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical">


<TextView
android:id="@+id/passName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableLeft="@drawable/account_drawableleft_selector"
android:drawablePadding="5dp"
android:ellipsize="marquee"
android:fontFamily="@font/montserrat_light_family"
android:gravity="center_vertical"
android:marqueeRepeatLimit="marquee_forever"
android:paddingRight="10dp"
android:scrollHorizontally="true"
android:singleLine="true"
android:textColor="@color/app_text_color"
android:textSize="12sp"
tools:text="Account Name" />
</LinearLayout>

Account _ drablelleft _ selector. xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_account_circle_24dp" /> <!-- checked -->
</selector>

在 build.gradle (app)文件中

android {
compileSdkVersion 26
defaultConfig {
vectorDrawables.useSupportLibrary = true
}


dataBinding {
enabled = true
}
}

...

public class BindingUtils {
@BindingAdapter("android:drawableRight")
public static void setDrawableStart(TextView textView, int resourceId) {
Drawable drawable = AppCompatResources.getDrawable(textView.getContext(), resourceId);
Drawable[] drawables = textView.getCompoundDrawables();
textView.setCompoundDrawablesWithIntrinsicBounds(drawable,
drawables[1], drawables[2], drawables[3]);
}
}

使用(数据绑定时)

android:drawableRight="@{viewModel.ResId}"

或(正常)

android:drawableRight="@{@drawable/ic_login_24dp}"

基于 Behzad Bahmanyar 的 回答，我注意到我不能使用 android 的普通属性来处理普通的 png 文件:

android:drawableTop
android:drawableBottom
etc

因为它将被替换为 null in

Drawable drawableTop = null;
...
setCompoundDrawablesRelativeWithIntrinsicBounds(drawableStart, drawableTop, drawableEnd, drawableBottom);

如果 app:drawableTopCompat没有设置，但 android:drawableTop是(例如)。

以下是完整的解决方案:

public class CustomTextView extends AppCompatTextView {
private static final int NOT_SET = -1;
private static final int LEFT = 0;
private static final int START = 0;
private static final int TOP = 1;
private static final int RIGHT = 2;
private static final int END = 2;
private static final int BOTTOM = 3;


public CustomTextView(Context context) {
super(context);
}


public CustomTextView(Context context, AttributeSet attrs) {
super(context, attrs);
initAttrs(context, attrs);
}


public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initAttrs(context, attrs);
}


void initAttrs(Context context, AttributeSet attrs) {
if (attrs == null) {
return;
}
Drawable[] drawablesArr = getCompoundDrawables();


TypedArray attributeArray = context.obtainStyledAttributes(attrs, R.styleable.CustomTextView);
Drawable drawableStart = null;
Drawable drawableEnd = null;
Drawable drawableBottom = null;
Drawable drawableTop = null;
Drawable drawableLeft = null;
Drawable drawableRight = null;


if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
drawableStart = attributeArray.getDrawable(R.styleable.CustomTextView_drawableStartCompat);
drawableEnd = attributeArray.getDrawable(R.styleable.CustomTextView_drawableEndCompat);
drawableBottom = attributeArray.getDrawable(R.styleable.CustomTextView_drawableBottomCompat);
drawableTop = attributeArray.getDrawable(R.styleable.CustomTextView_drawableTopCompat);
drawableLeft = attributeArray.getDrawable(R.styleable.CustomTextView_drawableLeftCompat);
drawableRight = attributeArray.getDrawable(R.styleable.CustomTextView_drawableRightCompat);
} else {
final int drawableStartId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableStartCompat, NOT_SET);
final int drawableEndId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableEndCompat, NOT_SET);
final int drawableBottomId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableBottomCompat, NOT_SET);
final int drawableTopId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableTopCompat, NOT_SET);
final int drawableLeftId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableLeftCompat, NOT_SET);
final int drawableRightId = attributeArray.getResourceId(R.styleable.CustomTextView_drawableRightCompat, NOT_SET);


if (drawableStartId != NOT_SET)
drawableStart = AppCompatResources.getDrawable(context, drawableStartId);
if (drawableLeftId != NOT_SET)
drawableLeft = AppCompatResources.getDrawable(context, drawableLeftId);
if (drawableEndId != NOT_SET)
drawableEnd = AppCompatResources.getDrawable(context, drawableEndId);
if (drawableRightId != NOT_SET)
drawableRight = AppCompatResources.getDrawable(context, drawableRightId);
if (drawableBottomId != NOT_SET)
drawableBottom = AppCompatResources.getDrawable(context, drawableBottomId);
if (drawableTopId != NOT_SET)
drawableTop = AppCompatResources.getDrawable(context, drawableTopId);
}


drawableStart = (drawableStart != null ? drawableStart : drawablesArr[START]);
drawableLeft = (drawableLeft != null ? drawableLeft : drawablesArr[LEFT]);
drawableStart = (drawableStart != null ? drawableStart : drawableLeft);


drawableEnd = (drawableEnd != null ? drawableEnd : drawablesArr[END]);
drawableRight = (drawableRight != null ? drawableRight : drawablesArr[RIGHT]);
drawableEnd = (drawableEnd != null ? drawableEnd : drawableRight);


drawableBottom = (drawableBottom != null ? drawableBottom : drawablesArr[BOTTOM]);
drawableTop = (drawableTop != null ? drawableTop : drawablesArr[TOP]);


if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
setCompoundDrawablesRelativeWithIntrinsicBounds(drawableStart, drawableTop, drawableEnd, drawableBottom);
} else {
setCompoundDrawables(drawableStart, drawableTop, drawableEnd, drawableBottom);
}


attributeArray.recycle();
}
}

使用矢量绘图器

Kotlin

 val drawable1 = VectorDrawableCompat.create(resources, R.drawable.ic_rb_username, theme)
yourView.setCompoundDrawablesRelativeWithIntrinsicBounds( drawable1, null, null, null)

爪哇咖啡

  Drawable drawable1 = VectorDrawableCompat.create(getResources(), R.drawable.ic_rb_username, getTheme());
yourView.setCompoundDrawablesRelativeWithIntrinsicBounds( drawable1, null, null, null);

从 Appcompat: appcompat: 1.1.0开始，您可以使用

app:drawableLeftCompat
app:drawableStartCompat
...

向下兼容:

TextViewCompat.setCompoundDrawablesRelativeWithIntrinsicBounds(textView, left, top, right, bottom)

我使用绑定适配器来解决这个问题

@JvmStatic
@BindingAdapter("drawableSvgLeft")
fun addDrawableSvgLeft(textView: TextView,drawable: Drawable){
textView.setCompoundDrawablesWithIntrinsicBounds(drawable,null,null,null)
}


@JvmStatic
@BindingAdapter("drawableSvgRight")
fun addDrawableSvgRight(textView: TextView,drawable: Drawable){
textView.setCompoundDrawablesWithIntrinsicBounds(null,null,drawable,null)
}

也用这种方式在我的布局

<TextView
drawableSvgRight="@{@drawable/svg_ic_battle_trophy}"
.....

UseSupportLibrary = true 默认配置是必需的