android - ImageView 上的绿屏效果

Question

我的目标是让 ImageView 和边框具有“绿屏”效果。我有一个带有粗实线轮廓的 png 边框，形状不规则，边框内外都是透明的。我想用它作为另一张图片的边框，比如说一张照片，由于边框形状不规则，照片的某些部分可能位于边框之外。

所有这些装置都位于具有复杂渐变背景的布局的中心，因此我不能只欺骗边框 ImageView 并用类似于底层父背景的颜色填充外部部分。

我最初的想法是使用一些图像编辑工具用不同的颜色(里面是绿色，外面是黑色)填充 png 的内部和外部，将图像放在它后面，并对生成的位图执行一些像素魔术，这样边框外的所有黑色像素将“穿透”整个 Canvas ，从而显示父背景(复杂的渐变背景)，边框内的所有绿色像素将变得透明并显示其背后的照片。

对于一个看似简单的目标来说，这听起来有点太复杂了，所以我推迟实现(甚至不确定是否可行)，直到我确信:

一个。没有我可以使用的具有相同效果的现有库

B.有一个更好的解决方案可以产生相同的效果，但要简单得多。

Answer 1

使用 Bitmap.setPixel 让它工作

public static Bitmap combine(Bitmap b1, Bitmap b2) {
    try {
        int maxWidth = b1.getWidth();
        int maxHeight = b1.getHeight();
        Bitmap bmOverlay = Bitmap.createBitmap(maxWidth, maxHeight, b1.getConfig());
        Canvas canvas = new Canvas(bmOverlay);
        canvas.drawBitmap(b2, 0, 0, null);
        canvas.drawBitmap(b1, 0, 0, null);
        for (int index = 0; index < bmOverlay.getWidth(); index++) {
            for (int index2 = 0; index2 < bmOverlay.getHeight(); index2++) {
                if (bmOverlay.getPixel(index, index2) == Color.rgb(0, 255, 0)) { // or whatever outside color you set on your png
                    bmOverlay.setPixel(index, index2, Color.TRANSPARENT);
                }
            }
        }
        return bmOverlay;
    } catch (Exception e) {
        e.printStackTrace();
        return null;
    }
}

诀窍是让边框内部保持透明，然后用公差为 0 的纯色(例如#00ff00)填充外部。对于阴影或 alpha 渐变边框效果不佳，但是纯色应该没问题。

用法:

Bitmap b1 = BitmapFactory.decodeResource(getResources(), R.drawable.profile_pic_border_alt);
Bitmap b2 = BitmapFactory.decodeResource(getResources(), R.drawable.panggap);
b2 = ThumbnailUtils.extractThumbnail(panggap, border.getWidth(), border.getHeight());

Bitmap b = combine(b1, b2);
imageView.setImageBitmap(b);