Zmiana odcienia obrazu w systemie Android w celu symulowania kliknięcia przycisku

Question

Mam podgląd obrazu, na którym ustawiłem bitmapę pobraną z adresu URL. Na obrazie ustawiłem opcję onClickListener, która otwiera okno dialogowe.

Chcę jakoś zmienić odcień (sprawiają, że ciemniejszy), gdy zostanie naciśnięty ImageView na dostarczenie rodzaju kliknij przycisk jak czuć.

Co sugerujesz?

Answer 1

musiałbym przetestować go, ale powinieneś być w stanie ustawić xml z tego zachowania jako rozciągliwej ImageView, a następnie ustawić bitmapę jako tło ImageView.

Answer 2

Jedną z metod jest użycie kombinacji ColorFilter i ColorStateList, która zawiera kolory odcień po naciśnięciu przycisku. Xml dla ColorStateList w katalogu res/kolor będzie wyglądać następująco:

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> 

gdzie @color/pressed_color jest twój kolor odcień (który powinien być częściowo przezroczysta). Następnie w podklasie ImageView zastosujesz kolor, przesłoniwszy 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(); 
} 

Za każdym razem, gdy zmienia się stan przycisku, ten kod jest wywoływany i automatycznie ustawi odcień w zależności od potrzeb.

Answer 3

Dla mnie to proste rozwiązanie działa, używając setAlpha (180) w onClick wydarzenia sprawiają, że obraz ciemniejszy, dając użytkownikowi informacji zwrotnej, że została ona kliknięcia lub dotknięcia.

Jeśli chodzi o układ XML, nic specjalnego. Odpowiedź

Answer 4

happydude jest najbardziej elegancki sposób, aby sobie z tym poradzić, ale niestety (jak wskazano w komentarzach) kod źródłowy ImageView akceptuje tylko liczbę całkowitą (Solid Color). Issue 18220 już od paru lat adresowania tego, jakie napisali obejście tam, że będę streszczać tutaj:

Extend ImageView i owinąć drawableStateChanged() z kodem, który ustawia odcień na podstawie nowego stanu:

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.support.v7.widget.AppCompatImageView; 

import com.example.R; 

public class TintableImageView extends AppCompatImageView { 

    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_tintColorStateList); 
     a.recycle(); 
    } 

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

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

} 

zdefiniować atrybut niestandardowy:

attrs.xml

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

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

</resources> 

Użyj widget i atrybut niestandardowy z lokalnej przestrzeni nazw zamiast Androida:

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" 
     android:clickable="true" 
     app:tintColorStateList="@color/color_selector"/> 

</LinearLayout> 

Następnie można użyć selektora kolorów jak happydude zasugerował:

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> 

Answer 5

Ten fragment kodu pracował dla mnie:

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

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