Imageview 将滤色器设置为渐变

Question

我有一张白色图像，我想用渐变来着色。我不想生成一堆图像，每个图像都用特定的渐变着色，我想在代码中执行此操作（不是 xml）。

要更改图像的颜色，我使用

imageView.setColorFilter(Color.GREEN);

这很好用。但是我怎样才能应用渐变色而不是纯色呢？ LinearGradient 没有帮助，因为 setColorFilter 不能应用于 Shader 对象。

编辑：这是我的图像：

这就是我想要的：

这就是我得到的：

Answer 1

您必须获得 ImageView 的 Bitmap 并使用 Shader

重新绘制相同的 Bitmap

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

更新 3 我更改了：渐变颜色、LinearGradient width = 0 和 PorterDuffXfermode。这里一张图很好理解PorterDuffXfermode：

Answer 2

您可以使用选择器

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>

可以将相同的背景应用于 ImageView。

动态定义和使用选择器，参考这个link： Dynamically defining and using selectors

Answer 3

创建一个 XML 文件，并将其放在 drawable 文件夹中。

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>

接下来将其添加为图片视图的背景

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

Imageview 将滤色器设置为渐变

Imageview set color filter to gradient

android

gradient

imageview