如何使用 Alpha 通道将两个不透明位图合并为一个？

Question

我有一个透明的 PNG 文件，用作 OpenGL 纹理。我用BitmapFactory.decodeResource将它加载到Bitmap，然后上传到GPU。

PNG 文件非常大，为了减少 APK 的大小，我尝试使用两个 JPG，一个带有 RGB 数据，另一个带有 alpha 通道（灰度）。

如何将两个 JPG 合并到一个带有 alpha 通道的 Bitmap 对象中？ 我尝试将 alpha 通道加载为 Bitmap.Config.ALPHA_8，然后使用 Canvas 将它们相互叠加但到目前为止还没有运气。

Answer 1

看看Kevin Dion's answer 到this related question。他解释了如何组合 4 个单独的图像（R、G、B 和 A 通道），但您应该能够调整它以处理两个图像。

Answer 2

这是一个完整的例子：

import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.ColorMatrix;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;

public class ImageOps {

    private static final ColorMatrix sRedToAlphaMatrix = new ColorMatrix(new float[] {
        0, 0, 0, 0, 0,
        0, 0, 0, 0, 0,
        0, 0, 0, 0, 0,
        1, 0, 0, 0, 0});

    private static final ColorMatrixColorFilter sRedToAlphaFilter = new ColorMatrixColorFilter(sRedToAlphaMatrix);

    public static Bitmap composeAlpha(Bitmap target, Resources resources, int rgbDrawableId, int alphaDrawableId) {
        final BitmapFactory.Options options = new BitmapFactory.Options();          
        options.inPreferredConfig = Bitmap.Config.ARGB_8888;
        options.inScaled = false;       

        // Load RGB data
        Bitmap rgb = BitmapFactory.decodeResource(resources, rgbDrawableId, options);

        if (target == null) {
            // Prepare result Bitmap
            target = Bitmap.createBitmap(rgb.getWidth(), rgb.getHeight(), Bitmap.Config.ARGB_8888);
        }
        Canvas c = new Canvas(target);
        c.setDensity(Bitmap.DENSITY_NONE);

        // Draw RGB data on our result bitmap
        c.drawBitmap(rgb, 0, 0, null);

        // At this point, we don't need rgb data any more: discard!
        rgb.recycle();
        rgb = null;

        // Load Alpha data
        Bitmap alpha = BitmapFactory.decodeResource(resources, alphaDrawableId, options);

        // Draw alpha data on our result bitmap
        final Paint grayToAlpha = new Paint();
        grayToAlpha.setColorFilter(sRedToAlphaFilter);
        grayToAlpha.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
        c.drawBitmap(alpha, 0, 0, grayToAlpha); 

        // Don't need alpha data any more: discard!
        alpha.recycle();
        alpha = null;

        return target;
    }

}

Answer 3

尝试以下操作：遍历两个图像的宽度 * 高度，并在每个图像上使用 Bitmap.getPixel(x,y)。

int alpha = Color.red(grayscaleBitmap.getPixel(x, y)); // grayscale, so any color will do
int red = Color.red(colorBitmap.getPixel(x, y));
int green = Color.green(colorBitmap.getPixel(x, y));
int blue = Color.blue(colorBitmap.getPixel(x, y));
int mergedColor = Color.argb(alpha, red, green, blue);
// save mergedColor in an int[]

然后使用 Bitmap.createBitmap(int[] colors, int width, int height, Bitmap.Config config) 创建新的位图。