Aplicación de ColorFilter a ImageView con ShapedDrawable

Question

Tengo ImageView con android:src configurado en ShapedDrawable, es decir, un círculo blanco. Lo que quiero es colorear este ImageView en tiempo de ejecución respondiendo a algunos eventos. imgView.setColorFilter parece ser una solución, pero después de usar esto (se probaron diferentes parámetros) la imagen se vuelve invisible (no la veo en la pantalla).

¿Cómo resolver esto? ¿Y hay mejores formas de tener círculos de colores?

Answer 1

Muy bien, tuve un juego rápido con esto y noté que su problema de los círculos desaparecía. Sin que describa exactamente lo que ha intentado con, supongo que aún no ha intentado configurar el filtro de color en el Drawable. (a diferencia del ImageView, que solo parece funcionar con BitmapDrawable s).

las siguientes afirmaciones funcionan perfectamente bien para un xml-declarada ShapeDrawable con el blanco como color inicial:

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

El ShapeDrawable esté completo: (I ajustar el tamaño de la ImageView, véase más adelante)

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

Y una de las ImageView s como ejemplo:

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

resultado visual:

Answer 2

Si desea cambiar Color usar

PorterDuff.Mode.SRC_ATOP instead 
PorterDuff.Mode.MULTIPLY 

en el ejemplo anterior.

Answer 3

Puede usar el atributo android:tint en ImageView en xml.

Ejemplo:

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

Probado en Android 4.1.2 y 6.0.1

Answer 4

Puede hacerlo muy muy simple utilizando esta biblioteca: https://github.com/jrvansuita/IconHandler

Será trabajando así:

Icon.on(yourImageView).color(R.color.your_color).icon(R.mipmap.your_icon).put();