5

我在 Android 中有一个动态生成的位图，我想从顶部边缘羽化，这样边界区域在顶部将完全透明，并逐渐变为稍微低于完全不透明。

创建一个均匀完全透明的顶部边缘

transparentPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
transparentPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
Shader shader = new LinearGradient(0, 0, 0, 20,
                    Color.TRANSPARENT, Color.TRANSPARENT, Shader.TileMode.CLAMP);
transparentPaint.setShader(shader);
// the bitmap is dynamically generated beforehand
Canvas c = new Canvas(bitmap);
c.drawRect(0, 0, bitmapWidth, 20, transparentPaint);

Alpha渐变而不是完全透明的孔？

你将如何实现这样的目标：

在此处输入图像描述

[在这种情况下只是顶部边缘]

4

3 回答 3

9

看一下这个例子：使位图的某些区域在触摸时透明

这是一种使用渐变绘制的方法：

Paint framePaint = new Paint();
for(int i = 1; i < 5; i++){
   setFramePaint(framePaint, i, imageW, imageH);
   myCanvas.drawPaint(framePaint);
}

...

private void setFramePaint(Paint p, int side, float iw, float ih){
                // paint, side of rect, image width, image height

                p.setShader(null);
                p.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

                float borderSize = 0.1f; //relative size of border
                //use the smaller image size to calculate the actual border size
                float bSize = (iw > ih)? ih * borderSize: ih * borderSize; 
                float g1x = 0;
                float g1y = 0;
                float g2x = 0;
                float g2y = 0;
                int c1 = 0, c2 = 0;

                if (side == 1){
                    //left
                    g1x = 0;
                    g1y = ih/2;
                    g2x = bSize;
                    g2y = ih/2;
                    c1 = Color.TRANSPARENT;
                    c2 = Color.BLACK;

                }else if(side == 2){
                    //top
                    g1x = iw/2;
                    g1y = 0;
                    g2x = iw/2;
                    g2y = bSize;
                    c1 = Color.TRANSPARENT;
                    c2 = Color.BLACK;


                }else if(side == 3){
                    //right
                    g1x = iw;
                    g1y = ih/2;
                    g2x = iw - bSize;
                    g2y = ih/2;
                    c1 = Color.TRANSPARENT;
                    c2 = Color.BLACK;


                }else if(side == 4){
                    //bottom
                    g1x = iw/2;
                    g1y = ih;
                    g2x = iw/2;
                    g2y = ih - bSize;
                    c1 = Color.TRANSPARENT;
                    c2 = Color.BLACK;
                }

                p.setShader(new LinearGradient(g1x, g1y, g2x, g2y, c1, c2, Shader.TileMode.CLAMP));

            }
于 2013-01-05T14:13:09.093 回答
1

如果您可以接受白色边缘而不是透明边缘，请尝试 SCREEN 模式。在PorterDuff.Mode.SCREEN模式下，白色像素保持白色，黑色像素变得不可见。创建一个覆盖位图，其中边缘是白色的，中间是黑色的，并将其与您的图像混合。这将创建一个白色边缘淡入中间照片的位图。

于 2013-01-05T14:45:46.827 回答
-1

Romain Guy 使用了与您想要实现的效果非常相似的淡入淡出，除了此效果之外，他还添加了圆角

于 2013-01-05T19:37:03.397 回答