将ColorFilter应用于具有ShaedDrawable的ImageView

Question

我有一个ImageView，android： src设置为ShaedDrawable，即一个白色圆圈。我想要的是在运行时响应一些事件来着色这个ImageView。imgView.setColorFilter似乎是解决方案，但使用后（尝试了不同的参数）图像变得不可见（我在屏幕上看不到它）。

这个怎么解决？还有没有更好的办法有色圈？

Answer 1

您可以在xml的ImageView中使用属性android： tint。

例子：

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/your_drawable"
    android:tint="@color/your_color" />

在Android 4.1.2和6.0.1上测试

Answer 2

如果要更改图像颜色，请使用

PorterDuff.Mode.SRC_ATOP instead
PorterDuff.Mode.MULTIPLY

在上面的示例中。

Answer 3

好吧，我用这个快速玩了一下，注意到你的圆圈消失的问题。在没有描述您具体尝试了什么的情况下，我假设您还没有尝试将颜色过滤器设置为< code>Drawable本身？(与< code>ImageView相反，后者似乎只适用于< code>BitmapDrawable。

以下语句对于以白色为初始颜色的xml声明的ShapeDrawable非常有效：

ImageView redCircle = (ImageView) findViewById(R.id.circle_red_imageview);
ImageView greenCircle = (ImageView) findViewById(R.id.circle_green_imageview);
ImageView blueCircle = (ImageView) findViewById(R.id.circle_blue_imageview);

// we can create the color values in different ways:
redCircle.getDrawable().setColorFilter(Color.RED, PorterDuff.Mode.MULTIPLY );
greenCircle.getDrawable().setColorFilter(0xff00ff00, PorterDuff.Mode.MULTIPLY );
blueCircle.getDrawable().setColorFilter(getResources().getColor(R.color.blue), PorterDuff.Mode.MULTIPLY );

完整的< code>ShapeDrawable(我在< code>ImageView上设置了大小，见下文)

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
    <solid android:color="@android:color/white" />
</shape>

其中一个图像视图作为示例：

<ImageView
    android:id="@+id/circle_red_imageview"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:padding="5dp"
    android:src="@drawable/circle_white" />

视觉结果：