40

我有一个图像视图，我在其上设置了从 url 获取的位图。在 imageview 上，我设置了一个打开对话框的 onClickListener。

当按下图像视图时，我想以某种方式改变色调（使其更暗）以提供一种按钮点击的感觉。

你有什么建议？

4

5 回答 5

102

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.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>

将小部件和自定义属性与您的本地命名空间一起使用，而不是 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>
于 2013-09-10T16:58:20.947 回答
8

一种方法是使用 aColorFilter和 a的组合，ColorStateList其中包含按下按钮时的色调颜色。res/color 目录中的 xmlColorStateList如下所示：

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

每当按钮的状态发生变化时，都会调用此代码并根据需要自动设置色调。

于 2012-06-19T06:27:21.530 回答
0

对我来说，一个简单的解决方案是有效的，在onClick事件中使用setAlpha(180)使图像变暗，给用户一个反馈它被点击或触摸。

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 布局，没什么特别的。

于 2012-10-08T18:19:44.680 回答
0

我必须对其进行测试，但是您应该能够将具有该行为的 xml 设置为 ImageView 可绘制对象，然后将您的位图设置为 ImageView 背景。

于 2012-06-19T06:05:10.403 回答
-1

此代码段对我有用：

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

imgView.getDrawable().setColorFilter(porterDuffColorFilter);
imgView.setBackgroundColor(Color.TRANSPARENT);
于 2017-02-04T17:44:24.520 回答