bitmap和canvas实现图层叠加（可实现灰色遮罩）

最新推荐文章于 2025-11-08 09:30:53 发布

原创最新推荐文章于 2025-11-08 09:30:53 发布 · 6.3k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#bitmap和canvas结合实现图层叠

bitmap 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何利用Bitmap和Canvas在Android中实现图层的叠加，通过在原图上绘制一层特定颜色的Bitmap来创建灰色遮罩效果。详细步骤包括加载图片、使用Canvas进行绘图，并提供了具体的代码实现。

---- bitmap和canvas画出叠加的2张照片

--- 图片1原图

------ 图片2原图

--------- 代码实现

        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
        int outWidth = options.outWidth;
        int outHeight = options.outHeight;

        Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
        Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);

        // 创建一个新的和SRC长度宽度一样的位图
        Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        Canvas cv = new Canvas(newbmp);
        //draw bg into
        cv.drawBitmap(background2, 0, 0, null);
        // 在 0，0坐标开始画入bg
        // draw fg into
        cv.drawBitmap(foreground, 30, 60, null);
        
        imageViewBlur2.setImageBitmap(newbmp);

--------画多层

 BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
        int outWidth = options.outWidth;
        int outHeight = options.outHeight;

        Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
        Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);

        // 创建一个新的和SRC长度宽度一样的位图
        Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        Canvas cv = new Canvas(newbmp);
        //draw bg into
        cv.drawBitmap(background2, 0, 0, null);
        // 在 0，0坐标开始画入bg
        // draw fg into
        cv.drawBitmap(foreground, 10, 30, null);
        cv.drawBitmap(foreground, 20, 50, null);
        cv.drawBitmap(foreground, 30, 70, null);
        cv.drawBitmap(foreground, 40, 90, null);


        imageViewBlur2.setImageBitmap(newbmp);

----- 由此可见，canvas实现的原理是图层的叠加，并非将上一图层给替换掉，layer叠加

----- 如果想在图片上加一层灰色遮罩，canvas实现图层的叠加，灰色遮罩是bitmap

实现思路，在图片上再画一层0x33000000颜色的bitmap

  BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
        int outWidth = options.outWidth;
        int outHeight = options.outHeight;

        Bitmap foreground = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        foreground.eraseColor(0x4d000000);//填充颜色


        Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
//        Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);

        // 创建一个新的和SRC长度宽度一样的位图
        Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        Canvas cv = new Canvas(newbmp);
        //draw bg into
        cv.drawBitmap(background2, 0, 0, null);

        //画前景
        cv.drawBitmap(foreground, 0, 0, null);
        imageViewBlur2.setImageBitmap(newbmp);

① Bitmap不借助canvas创建颜色填充bitmap

eraseColor

void eraseColor (int c)

Fills the bitmap's pixels with the specified Color.

  Bitmap foreground = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        foreground.eraseColor(0x4d000000);//填充颜色