Как использовать селектор для отображения изображения в андроиде

Я хочу подкрасить свои иконки tabhost с помощью xml, вместо того, чтобы делать это программно (я так и не смог это сделать)... Итак, я нашел этот поток на SO: Изменение стиля изображения Android для имитации нажатия кнопки

Это кажется довольно хорошим решением, но я не смог его правильно адаптировать в своем проекте... Я сделал следующие изменения:

public class TintableImageView extends ImageView {
private ColorStateList tint;

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

//this is the constructor that causes the exception
public TintableImageView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context, attrs, 0);
}

public TintableImageView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(context, attrs, defStyle);
}

//here, obtainStyledAttributes was asking for an array
private void init(Context context, AttributeSet attrs, int defStyle) {
    TypedArray a = context.obtainStyledAttributes(attrs, new int[]{R.styleable.TintableImageView_tint}, defStyle, 0);
    tint = a.getColorStateList(R.styleable.TintableImageView_tint);
    a.recycle();
}

@Override
protected void drawableStateChanged() {
    super.drawableStateChanged();
    if (tint != null && tint.isStateful())
        updateTintColor();
}

public void setColorFilter(ColorStateList tint) {
    this.tint = tint;
    super.setColorFilter(tint.getColorForState(getDrawableState(), 0));
}

private void updateTintColor() {
    int color = tint.getColorForState(getDrawableState(), 0);
    setColorFilter(color);
}

}

Я также не смог ссылаться на @drawable/selector.xml на android:tint, поэтому я сделал это в colors.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="azulPadrao">#2e7cb4</color>
<drawable name="tab_icon_selector">@drawable/tab_icon_selector</drawable>
</resources>

Мой селектор:

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

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:tint="#007AFF" />
<item android:state_focused="true" android:tint="#007AFF" />
<item android:state_pressed="true" android:tint="#007AFF" />
<item android:tint="#929292" />
</selector>

Моя компоновка вкладок:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="vertical" android:id="@+id/TabLayout"
          android:layout_width="fill_parent" android:layout_height="fill_parent"
          android:gravity="center" android:background="@drawable/tab_bg_selector">

<com.myapp.TintableImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView" android:layout_gravity="center" android:tint="@drawable/tab_icon_selector"/>
<TextView android:id="@+id/TabTextView" android:text="Text"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content" android:textColor="@drawable/tab_text_selector"
          android:textSize="10dip"
          android:textStyle="bold" android:layout_marginTop="2dip"/>

</LinearLayout>

Любые предложения? Спасибо заранее

[EDIT] Я получал NumberFormatException для использования android:tint, когда правильный был app:tint (после установки xmlns:app="http://schemas.android.com/apk/res/com.myapp")... но теперь я думаю, что я неправильно использую свой селектор, потому что значки все черные, независимо от состояния... Я попытался установить <drawable name="tab_icon_selector">@drawable/tab_icon_selector</drawable> из colors.xml, не работал

[/EDIT]

Ответы

Ответ 1

В отношении моего решения в fooobar.com/questions/109430/... есть несколько вещей, которые вам не хватает:

TintableImageView.java

@Override
protected void drawableStateChanged() {
    super.drawableStateChanged();
    if (tint != null && tint.isStateful())
        updateTintColor();
}

public void setColorFilter(ColorStateList tint) {
    this.tint = tint;
    super.setColorFilter(tint.getColorForState(getDrawableState(), 0));
}

private void updateTintColor() {
    int color = tint.getColorForState(getDrawableState(), 0);
    setColorFilter(color);
}

drawableStateChanged() должен быть переопределен для изменения оттенка при изменении состояния элемента.

Я не уверен, что если ссылаться на drawable из drawable может вызвать проблему, но вы можете просто переместить ваш selector.xml в папку "/res/color", чтобы ссылаться на нее с помощью "@color/selector.xml", (aapt объединяет оба /res/values/colors.xml и папку/res/color).

Ответ 2

Если вы используете API 21+, вы можете легко это сделать в XML с помощью селектора и tint:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_activated="true">
        <bitmap android:src="@drawable/ic_settings_grey"
                android:tint="@color/primary" />
    </item>

    <item android:drawable="@drawable/ic_settings_grey"/>
</selector>

Ответ 3

Я реализовал это с помощью DrawableCompat из библиотеки поддержки Android v4.

С регулярным ImageButton (который подклассы ImageView, поэтому эта информация также относится к ImageView s), используя черный значок из коллекции значков материалов:

<ImageButton
  android:id="@+id/button_add"
  android:src="@drawable/ic_add_black_36dp"
  android:background="?attr/selectableItemBackgroundBorderless"
  android:contentDescription="@string/title_add_item" />

Это метод утилиты, который я создал:

public static void tintButton(@NonNull ImageButton button) {
    ColorStateList colours = button.getResources()
            .getColorStateList(R.color.button_colour);
    Drawable d = DrawableCompat.wrap(button.getDrawable());
    DrawableCompat.setTintList(d, colours);
    button.setImageDrawable(d);
}

Где res/color/button_colour.xml - селектор, который меняет цвет значка от красного до полупрозрачного красного при нажатии кнопки:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
      android:state_pressed="false"
      android:color="@color/red" />

    <item
      android:color="@color/red_alpha_50pc" />

</selector>

После того, как ImageButton был завышен в моем методе onCreate(), я просто вызываю вспомогательный метод tintButton(...) один раз для каждой кнопки.

Я тестировал это на устройствах Android 4.1 (my minSdkVersion) и 5.0, но DrawableCompat должен вернуться к Android 1.6.

Ответ 4

В библиотеке поддержки 22.1 мы можем использовать DrawableCompat для рисования tint, API уровня 4 +

DrawableCompat.wrap(Drawable) и setTint(), setTintList() и setTintMode() будут работать: нет необходимости создавать и поддерживать отдельные чертежи только для поддержки нескольких цветов!

Ответ 5

В текущей библиотеке поддержки AppCompat вы можете использовать тег app:tint on ImageView, который будет накачаться как AppCompatImageView и правильно отредактировать состояние.

В AppCompatImageView вы можете видеть, что mImageHelper уведомляется об изменении состояния:

@Override
protected void drawableStateChanged() {
    super.drawableStateChanged();
    if (mBackgroundTintHelper != null) {
        mBackgroundTintHelper.applySupportBackgroundTint();
    }
    if (mImageHelper != null) {
        mImageHelper.applySupportImageTint();
    }
}

Android Studio в настоящее время дает предупреждение об этом, но вы можете безопасно его подавить.

Ответ 6

Я согласен с @Dreaming в коде, и я приведу пример.

ic_up_small

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:color="@color/comment_count_selected_color" android:state_selected="true" />
    <item android:color="@color/comment_count_text_color"/>

</selector>

Макет/item_post_count_info.xml

<android.support.v7.widget.AppCompatImageView
    android:id="@+id/post_upvote_icon"
    android:layout_width="14dp"
    android:layout_height="14dp"
    android:layout_marginLeft="17dp"
    app:srcCompat="@drawable/ic_up_small"
    app:tint="@color/post_up_color"/>

Внимание: мы должны использовать app: tint вместо android: tint.

Моя версия библиотеки поддержки - 26.0.2.

приложение/build.gradle

implementation 'com.android.support:appcompat-v7:26.0.2'
implementation 'com.android.support:support-core-utils:26.0.2'
implementation 'com.android.support:support-annotations:26.0.2'
implementation 'com.android.support:support-v4:26.0.2'
implementation 'com.android.support:design:26.0.2'

Если мы используем android: tint, он сработает, и журнал будет таким:

E/AndroidRuntime: FATAL EXCEPTION: главная android.view.InflateException: двоичная строка XML файла # 0: ошибка раздувание класса на android.view.LayoutInflater.createView(LayoutInflater.java:613) в android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:687) на android.view.LayoutInflater.rInflate(LayoutInflater.java:746) на android.view.LayoutInflater.inflate(LayoutInflater.java:489) на android.view.LayoutInflater.inflate(LayoutInflater.java:396) в com.opera.six.viewholder.post.PostCountInfoViewHolder $1.Create(PostCountInfoViewHolder.java:29) в com.opera.six.viewholder.post.PostCountInfoViewHolder $1.Create(PostCountInfoViewHolder.java:25) в com.opera.six.collection.CollectionAdapter.onCreateViewHolder(CollectionAdapter.java:39) в com.opera.six.collection.CollectionAdapter.onCreateViewHolder(CollectionAdapter.java:19) в android.support.v7.widget.RecyclerView $Adapter.createViewHolder(RecyclerView.java:6493) в android.support.v7.widget.RecyclerView $Recycler.tryGetViewHolderForPositionByDeadline(RecyclerView.java:5680) в android.support.v7.widget.RecyclerView $Recycler.getViewForPosition(RecyclerView.java:5563) в android.support.v7.widget.RecyclerView $Recycler.getViewForPosition(RecyclerView.java:5559) в android.support.v7.widget.LinearLayoutManager $LayoutState.next(LinearLayoutManager.java:2229) в android.support.v7.widget.LinearLayoutManager.layoutChunk(LinearLayoutManager.java:1556) в android.support.v7.widget.LinearLayoutManager.fill(LinearLayoutManager.java:1516) в android.support.v7.widget.LinearLayoutManager.onLayoutChildren(LinearLayoutManager.java:608) в android.support.v7.widget.RecyclerView.dispatchLayoutStep2 (RecyclerView.java:3693) в android.support.v7.widget.RecyclerView.dispatchLayout(RecyclerView.java:3410) в android.support.v7.widget.RecyclerView.onLayout(RecyclerView.java:3962) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) в android.support.v4.widget.SwipeRefreshLayout.onLayout(SwipeRefreshLayout.java:610) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) в android.support.design.widget.HeaderScrollingViewBehavior.layoutChild(HeaderScrollingViewBehavior.java:132) в android.support.design.widget.ViewOffsetBehavior.onLayoutChild(ViewOffsetBehavior.java:42) в android.support.design.widget.AppBarLayout $ScrollingViewBehavior.onLayoutChild(AppBarLayout.java:1361) в android.support.design.widget.CoordinatorLayout.onLayout(CoordinatorLayout.java:869) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) в android.support.v4.view.ViewPager.onLayout(ViewPager.java:1767) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) на android.widget.LinearLayout.setChildFrame(LinearLayout.java:1649) at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1507) на android.widget.LinearLayout.onLayout(LinearLayout.java:1420) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) на android.widget.FrameLayout.onLayout(FrameLayout.java:448) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) на android.widget.FrameLayout.onLayout(FrameLayout.java:448) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) на android.widget.LinearLayout.setChildFrame(LinearLayout.java:1649) at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1507) на android.widget.LinearLayout.onLayout(LinearLayout.java:1420) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) на android.widget.FrameLayout.onLayout(FrameLayout.java:448) в android.view.View.layout(View.java:13754) в android.view.ViewGroup.layout(ViewGroup.java:4364) на android.widget.FrameLayout.onLayout(FrameLayout.java:448) в android.view.View.layout(View.java:13754) at android.view.ViewGroup.layout(Vi