android - online - Imageview establece el filtro de color a degradado

online gradient generator

Question

Tengo una imagen en blanco que me gustaría colorear con un degradado. En lugar de generar un montón de imágenes, cada una coloreada con un degradado específico, me gustaría hacer esto en código (no en xml).

Para cambiar el color de una imagen, uso

imageView.setColorFilter(Color.GREEN);

Y esto funciona bien. Pero, ¿cómo puedo aplicar un color degradado en lugar de un color sólido? LinearGradient no ayuda, porque setColorFilter no se puede aplicar a objetos Shader .

EDITAR : Esta es la imagen que tengo:

Esto es lo que quiero:

Y esto es lo que estoy recibiendo:

Answer 1

Cree un archivo XML y colóquelo en la carpeta dibujable.

gradient.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#CCb1e7fa"
    android:centerColor="#B3ffffff"
    android:endColor="#CCb1e7fa"
    android:angle="180" />
<corners android:radius="5dp" />

</shape>

A continuación, agregue esto como fondo a su vista de imagen

    <ImageView
            android:id="@+id/umageview1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="@drawable/gradient"
            android:layout_centerHorizontal="true"
            />

Answer 2

Podrías usar un selector

main_header.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout         xmlns:android="http://schemas.android.com/apk/res/.    android"
    android:layout_width="fill_parent"
    android:layout_height="50dip"
    android:orientation="horizontal"
    android:background="@drawable/main_header_selector"> 
</LinearLayout>

main_header_selector.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector     xmlns:android="http://schemas.android.com/apk/res/.     android">
<item>
    <shape>
        <gradient
        android:angle="90"
        android:startColor="#FFFF0000"
        android:endColor="#FF00FF00"
        android:type="linear" />
    </shape>
</item>
</selector>

El mismo fondo se puede aplicar a un ImageView.

Para definir y utilizar el selector dinámicamente, consulte este enlace: Definición dinámica y uso de selectores

Answer 3

Tienes que obtener el Bitmap de Bitmap de tu ImageView y volver a dibujar el mismo Bitmap con Shader

public void clickButton(View v){
    Bitmap myBitmap = ((BitmapDrawable)myImageView.getDrawable()).getBitmap();

    Bitmap newBitmap = addGradient(myBitmap);
    myImageView.setImageDrawable(new BitmapDrawable(getResources(), newBitmap));
}


public Bitmap addGradient(Bitmap originalBitmap) {
    int width = originalBitmap.getWidth();
    int height = originalBitmap.getHeight();
    Bitmap updatedBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(updatedBitmap);

    canvas.drawBitmap(originalBitmap, 0, 0, null);

    Paint paint = new Paint();
    LinearGradient shader = new LinearGradient(0, 0, 0, height, 0xFFF0D252, 0xFFF07305, Shader.TileMode.CLAMP);
    paint.setShader(shader);
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    canvas.drawRect(0, 0, width, height, paint);

    return updatedBitmap;
}

ACTUALIZACIÓN 3 Cambié: colores de gradiente, ancho lineal de gradiente = 0 y PorterDuffXfermode. Aquí una buena foto para entender PorterDuffXfermode: