Android的imageview更改色調模擬按鈕點擊

Question

我有一個imageview，我已經設置了從url中獲取的位圖。 在imageview上，我設置了一個打開對話框的onClickListener。

我想以某種方式改變顏色（使其更深），當按下圖像視圖時，提供一種像感覺一樣的按鈕點擊。

你有什麼建議？

Answer 1

我不得不對它進行測試，但您應該能夠將該行爲設置爲ImageView drawable，然後將您的位圖設置爲ImageView背景。

Answer 2

一種方法是使用ColorFilter和ColorStateList的組合，其中包含您按下按鈕時的色調顏色。在res /彩色目錄爲ColorStateList的XML是這樣的：

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

無論何時按鈕的狀態發生變化，此代碼被調用並會自動設置適當的色調。

Answer 3

對我來說，一個簡單的解決方案正在使用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佈局，沒有什麼特別的。

Answer 4

happydude的答案是處理這個問題的最優雅的方式，但不幸的是（正如在評論中指出的那樣）ImageView的源代碼只接受一個整數（純色）。 Issue 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.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); 
    } 

} 

定義自定義屬性：

attrs.xml

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

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

</resources> 

使用Widget和自定義屬性與您當地的命名空間，而不是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" 
     android:clickable="true" 
     app:tintColorStateList="@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> 

Answer 5

這段代碼爲我工作：

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

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