ImageView 上的绿屏效果答案

【问题标题】：Green Screen effect on ImageViewImageView 上的绿屏效果
【发布时间】：2014-12-16 08:12:46
【问题描述】：

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

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

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

对于一个看起来很简单的目标来说，这听起来有点太复杂了，所以我推迟了实施（甚至不确定是否可能），直到我确信：

A.没有我可以使用的现有库具有相同的效果

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

【问题讨论】：

您可以在另一个之上使用图像视图。上面的将有边界，但是从中心是透明的。下面的一张，会比另一张小一到两个像素，所以，另一张图片不要出去
@DroidDev 谢谢，但正如我提到的，边框图像是不规则的形状，整体父背景具有复杂的渐变图案。只是将两张图片放在一起并不会削减它。

标签： android imageview

【解决方案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);

【讨论】：

【解决方案2】：

尝试使用 ColorFilter 来做到这一点：http://developer.android.com/intl/es/reference/android/graphics/ColorFilter.html

在这个讨论中你应该找到你想要的：Applying ColorFilter to ImageView with ShapedDrawable

【讨论】：

会看看这个，但我可以提前问一下 ColorFilter 是否能够“穿透”画布？