ImageView - 在聚焦状态下在顶部绘制半透明颜色?

时间:2012-05-23 16:32:00

标签: android

我有一个ImageView,我喜欢一个选择器,当用户点击或以其他方式聚焦时,会在ImageView内容的顶部绘制一个半透明的颜色。我不确定选择器是否可行(我过去用静态drawables定义了这个)。

但基本上我在每一行都有一个带有imageview实例的列表视图,并希望做类似的事情:

ImageView iv = ...;
iv.setBitmapDrawable(bitmapLoadedFromInternets()); // dynamic content
iv.setClickStateOverlayColor(0x33ff0000); // ?

通常ImageView只通过setBitmapDrawable()获取一个drawable,但是一个选择器(1)交换不同点击状态的drawable,而我只想绘制一个颜色叠加,以及(2)off状态是动态的位图,所以我无法从选择器定义中引用它。

由于

3 个答案:

答案 0 :(得分:13)

如果你自己创建ImageView的子类,你可以很容易地做到这一点。使用的方法是setColorFilter。这样的事情会做到:

public class ImageView extends android.widget.ImageView
{
    public ImageView(Context context)
    {
        super(context);
    }

    public ImageView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

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

    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        if(event.getAction() == MotionEvent.ACTION_DOWN && isEnabled())
            setColorFilter(0x33ff0000, PorterDuff.Mode.MULTIPLY); //your color here

        if(event.getAction() == MotionEvent.ACTION_UP)
            setColorFilter(null);

        return super.onTouchEvent(event);
    }
}

然后,您可以在XML布局中使用它,只需将其称为my.package.ImageView完全限定,而不仅仅是ImageView

答案 1 :(得分:9)

使用onTouch的解决方案由于多种原因对我不起作用,但是给了我一些关于如何操作的提示,以便它对我有用。我只是覆盖了ImageView中的另一个方法。

@Override
    public void setPressed(boolean pressed) {
        if (pressed) {
            setColorFilter(0x55000000, PorterDuff.Mode.SRC_ATOP);
        }
        else {
            clearColorFilter();
        }
        super.setPressed(pressed);
    }

答案 2 :(得分:0)

这对我有用

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

    <item android:drawable="@drawable/grid" />
    <item>
        <selector>
            <item android:state_pressed="true">
                <color android:color="#7000" />
            </item>
        </selector>
    </item>

</layer-list>