Можно ли использовать VectorDrawable в кнопках и TextViews с помощью android: DrawableRight?

Ответ 1

  можно ли использовать drawableRight и т.д. для SVG-активов?

Да

AppCompatTextView теперь поддерживает составные рисованные объекты app:drawableLeftCompat, app:drawableTopCompat, app:drawableRightCompat, app:drawableBottomCompat, app:drawableStartCompat и app:drawableEndCompat, поддерживая типы рисованных рисованных объектов, таких как VectorDrawableCompat.

Включите это в свой файл Gradle

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

В вашем текстовом представлении вы можете использовать

app:drawableLeftCompat
app:drawableStartCompat

Старый ответ

Похоже, что в ближайшее время Google не собирается ничего делать по этому вопросу, мне пришлось придумать более надежное многоразовое решение для всех моих приложений:

1. Сначала добавьте пользовательские TextView атрибуты в файл attrs.xml вашего приложения "res/values /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. Затем создайте пользовательский класс TextView следующим образом:

   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. Теперь вы можете легко использовать его в любых макетах с помощью пользовательских атрибутов:

   <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 -->
       />
   

   • Вы можете сделать то же самое с Button, EditText и RadioButton, потому что они получены из TextView

Надеюсь это поможет :)

Ответ 2

Это решение уже не корректно. Из 23.3.0 векторных чертежей можно загружать только через приложение: 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_accessible_white_wrapped.xml:

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

Ответ 3

Лучший способ найти:

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

Ответ 4

В дополнение к некоторым из ответов здесь: вы можете заставить VectorDrawable работать как drawableLeft (и т.д.), но это зависит от версии библиотеки поддержки, и она поставляется с ценой.

В каких случаях это работает? Я сделал эту диаграмму, чтобы помочь (действителен для библиотеки поддержки 23.4.0 - не менее - 25.1.0).

Ответ 5

Ни один из других ответов не работал, вот как я добавил VectorDrawable в TextView, вы должны использовать VectorDrawableCompat.create() при работе с VectorDrawables ниже Android L:

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);
}

Короткий, сладкий, и к точке!

Ответ 6

От Google: с Android Support Library 23.3.0, поддерживающий вектор чертежи можно загружать только через приложение: srcCompat или setImageResource()..

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

Ответ 7

Можно прямо задавать векторные образы в 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
        }
    }
}

Вам не нужно использовать какие-либо другие функции библиотеки привязки

EDIT:

Конечно, если вы хотите использовать векторные чертежи pre-Lollipop, вам нужно включить вспомогательные векторные чертежи, используя

vectorDrawables.useSupportLibrary = true

Итак, вашему build.gradle нужны две новые команды:

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

благодаря rkmax для комментария

Ответ 8

Я так опаздываю, чтобы ответить на этот вопрос, поскольку я задержался с этой проблемой. У меня была такая же проблема с svg/vector drawables с TextView. Вместо того, чтобы создавать собственные пользовательские чертежи, я могу исправить свою проблему с помощью двух строк кода, как показано ниже:

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

Надеюсь, это поможет вам.

Ответ 9

Я прошел через все ответы и, используя последнюю версию Android studio 3.0.1 и библиотеку поддержки приложений ASP.NET 26.1.0, могу заверить, что это работает нормально.

В файле build.gradle(app)

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

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

А в Activity, расширяющем AppcompatActivity, входят внешние методы, то есть статический блок

static {
    AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
}  

или если вы хотите, чтобы это было применено ко всему приложению, просто включите эту строку внутри класса, расширяющего класс приложения

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_drawableleft_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>

Ответ 10

с appcompat: 1.1.0 вы можете использовать

app:drawableLeftCompat
app:drawableStartCompat
...

Ответ 11

Если вы используете привязку, есть еще один волшебный способ использовать тот же подход для использования векторов в TextView. Оберните их, как:

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

Это будет волшебно работать, я не исследовал, что происходит за кулисами, но я думаю, что TextView использует метод getDrawable из AppCompatResources или аналогичного.

Ответ 12

Я разработал для этого крошечную библиотеку - textview-rich-drawable (он также поддерживает определение размера и тонирования составных чертежей).

<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'

Ответ 13

В файле 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}"

Ответ 14

На основании ответа Бехзада Бахманьяра я заметил, что я не могу использовать обычные атрибуты Android для обычных файлов png:

android:drawableTop
android:drawableBottom
etc

потому что он будет заменен нулевым

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();
    }
}

Ответ 15

Использование векторного рисования

Котлин

 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);

Ответ 16

Для обратной совместимости используйте:

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