如何正确使用 LinearGradient 着色器遮罩位图？答案

【问题标题】：How to mask Bitmap with LinearGradient shader properly?如何正确使用 LinearGradient 着色器遮罩位图？
【发布时间】：2014-05-14 14:38:48
【问题描述】：

我正在尝试在底部使用渐变 alpha 来掩盖位图。渐变大小是固定的，与位图大小无关。但它绘制不正确：顶部的渐变底部，而不是顶部。怎么了？

有示例代码：

final int GRADIENT_HEIGHT = 32;

public Bitmap addGradient(Bitmap src) {
    int w = src.getWidth();
    int h = src.getHeight();
    Bitmap overlay = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(overlay);

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

    Paint paint = new Paint();
    LinearGradient shader = new LinearGradient(0, 0, 0, GRADIENT_HEIGHT, 0xFFFFFFFF, 0x00FFFFFF, TileMode.REPEAT);
    paint.setShader(shader);
    paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
    canvas.drawRect(0, h - GRADIENT_HEIGHT, w, h, paint);

    return overlay;
}

谢谢！

【问题讨论】：

标签： android bitmap linear-gradients

【解决方案1】：

将您的 LinearGradient 更改为：

    LinearGradient shader = new LinearGradient(0,  h - GRADIENT_HEIGHT, 0, h, 0xFFFFFFFF, 0x00FFFFFF, Shader.TileMode.CLAMP);

【讨论】：

是的，它工作正常。你能解释一下你的答案吗？或者它可能记录在某处？我找不到...
即使您的 drawRect 调用绘制在正确的位置，它也不会重新映射渐变的位置。所以盒子的顶部不是渐变的位置 0,0，正如你所期望的，而是仍然是 h-GRADIENT_HEIGHT。所以你看到任何东西的唯一原因是因为你使用了 TileMode.REPEAT。
是否可以在 RelativeLayout 而不是位图上使用它？
@HenningHall 您最好在布局上使用渐变可绘制对象作为前景图像。
是的，但是在背景颜色未知或有多种颜色的情况下它不起作用对吧？