Android 镂空效果的遮罩层实现

最新推荐文章于 2024-07-20 14:46:30 发布

desireyao

最新推荐文章于 2024-07-20 14:46:30 发布

阅读量1.6w

点赞数 2

分类专栏： Android 技术文章标签： android

本文链接：https://blog.csdn.net/desireyaoo/article/details/53642009

版权

本文介绍了如何在Android应用中创建带有镂空效果的遮罩层，详细阐述了实现过程，包括绘制半透明背景、圆形镂空以及结合提示文字图片的步骤，提供了具体的代码示例。

摘要由CSDN通过智能技术生成

要实现的效果是在当前页面上，显示半透明的遮罩层，在任意位置实现镂空的圆形，镂空的位置能看到下面的页面，镂空的位置跟随一张提示文字的图片，效果如下：

这里写图片描述

实现步骤：

绘制半透明的背景：
绘制圆形
绘制文字图片

具体的实现代码如下：

1 绘制透明背景：

  /**
     * 创建遮罩层形状
     *
     * @return
     */
    private Bitmap makeSrcRect() {
        Bitmap bm = Bitmap.createBitmap(mScreenWidth, mScreenHeight, Bitmap.Config.ARGB_8888);
        Canvas canvcs = new Canvas(bm);
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.BLACK);
        canvcs.drawRect(new RectF(0, 0, mScreenWidth, mScreenHeight), paint);
        return bm;
    }

2 绘制镂空的圆形

/**
     * 创建镂空层圆形形状
     * @return
     */
    private Bitmap makeDstCircle() {
        Bitmap bm = Bitmap.createBitmap(mScreenWidth, mScreenHeight, Bitmap.Config.ARGB_8888);
        Canvas canvcs = new Canvas(bm);
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.WHITE);

        canvcs.drawCircle(mPiercedX, mPiercedY, mPiercedRadius, paint);
        return bm;
    }

3 绘制文字图片

/**
* 创建提示提示信息文字图片的bitmap
*
*