Изменение стиля изображения Android для имитации нажатия кнопки

Ответ 1

happydude ответ - самый элегантный способ справиться с этим, но, к сожалению, (как указано в комментариях) исходный код для ImageView принимает только целое (сплошной цвет). Проблема 18220 уже пару лет занимается этим, я опубликовал обходной путь, который я приведу здесь:

Расширьте ImageView и оберните drawableStateChanged() с кодом, который устанавливает оттенок на основе нового состояния:

TintableImageView.java

package com.example.widgets;

import android.content.Context;
import android.content.res.ColorStateList;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.widget.ImageView;

import com.example.R;

public class TintableImageView extends ImageView {

    private ColorStateList tint;

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

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

    private void init(Context context, AttributeSet attrs, int defStyle) {
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TintableImageView, 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);
    }

}

Определите пользовательский атрибут:

attrs.xml

<?xml version="1.0" encoding="UTF-8"?>
<resources>

    <declare-styleable name="TintableImageView">
        <attr name="tint" format="reference|color" />
    </declare-styleable>

</resources>

Используйте виджет и пользовательский атрибут с вашим местным пространством имен, а не с Android:

example_layout.xml

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <com.example.widgets.TintableImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/example"
        app:tint="@color/color_selector"/>

</LinearLayout>

Затем вы можете использовать селектор цветов, как предположил happydude:

color_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="@color/pressed_color"/>
    <item android:color="#00000000"/>
</selector>

Ответ 2

Один из способов - использовать комбинацию ColorFilter и ColorStateList, которая будет содержать цвет оттенка при нажатии кнопки. Xml для ColorStateList в каталоге res/color будет выглядеть так:

button_pressed.xml

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

    <item android:state_pressed="true" android:color="@color/pressed_color"/>
    <item android:color="#00000000"/>

</selector>

где @color/pressed_color - ваш цвет оттенка (который должен быть частично прозрачным). Затем в подклассе ImageView вы применяете цвет, переопределяя drawableStateChanged().

@Override
protected void drawableStateChanged() {
    super.drawableStateChanged();

    ColorStateList list = getResources().getColorStateList(R.color.button_pressed);
    int color = list.getColorForState(getDrawableState(), Color.TRANSPARENT);
    setColorFilter(color);
    invalidate();
}

В любой момент, когда состояние кнопки изменяется, этот код вызывается и автоматически устанавливает оттенок, если это необходимо.

Ответ 3

Мне нужно будет протестировать его, но вы должны установить xml с этим поведением в качестве ImageView drawable, а затем установить растровое изображение в качестве фона ImageView.

Ответ 4

Для меня работает простое решение, используя setAlpha (180) в событии onClick, делая изображение темнее, предоставляя пользователю обратную связь, на которую он был нажат или коснулся.

final ImageView myImage = (ImageView) findViewById(R.id.ivDocument);
myImage.setImage...(... your image ...); // load your ImageView
myImage.setClickable(true);
myImage.setFocusable(true);
myImage.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
        myImage.setAlpha(180);
        doWhateverYouWantHere(v);
    }
});

Что касается вашего XML-макета, ничего особенного.

Ответ 5

Этот фрагмент кода работал у меня:

porterDuffColorFilter = newPorterDuffColorFilter(getResources().getColor(R.color.cardview_dark_background),PorterDuff.Mode.MULTIPLY);

imgView.getDrawable().setColorFilter(porterDuffColorFilter);
imgView.setBackgroundColor(Color.TRANSPARENT);