android 实现蒙版引导

最新推荐文章于 2025-04-07 00:15:00 发布

dafasoft

最新推荐文章于 2025-04-07 00:15:00 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签： android canvas

本文链接：https://blog.youkuaiyun.com/qq_26865703/article/details/53470952

android 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在Android中实现蒙版引导功能，通过计算镂空区域坐标、绘制半透明蒙版、设置PorterDuffXfermode为Clear以及处理触摸事件，详细解析了实现过程，并提供了源码下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果如下图

实现方法：
1.计算镂空区域的坐标
2.新建一张canvas,绘制半透明蒙版
3.将PorterDuffXfermode设为Clear
4.绘制镂空区域到canvas

具体见代码：

设置要镂空的view:

public void setTarget(View v) {
        mTragetView = v;
    }

计算镂空区域的坐标：

int[] location = new int[2];
                        mTragetView.getLocationInWindow(location);
                        mRectStartPoints = new Point(location[0], location[1]);
                        rectWidth = mTragetView.getWidth();
                        rectHeight = mTragetView.getHeight();

绘制蒙版：

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mBitmap == null) {
            mBitmap = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_4444);
            mTempCanvas = new Canvas(mBitmap);
        }
        mPaint.setColor(Color.parseColor("#000000"));
        mPaint.setAlpha(188);
        mTempCanvas.drawRect(0, 0, mTempCanvas.getWidth(), mTempCanvas.getHeight(), mPaint);
        mTransparentPaint.setColor(getResources().getColor(android.R.color.transparent));
        mTransparentPaint.setXfermode(mPorterDuffXfermode);
        mTempCanvas.drawRect(mRectStartPoints.x , mRectStartPoints.y , mRectStartPoints.x + rectWidth
                , mRectStartPoints.y + rectHeight, mTransparentPaint);
        canvas.drawBitmap(mBitmap , 0 , 0 , mPaint);
    }

禁用镂空区域以外的touch事件：

@Override
    public boolean onTouchEvent(MotionEvent event) {
        float x = event.getX();
        float y = event.getY();
        //禁用镂空区域以外的触摸事件,如果触摸事件在镂空区域内,执行回调
        if ((x > mRectStartPoints.x && x < mRectStartPoints.x + rectWidth) &&
                (y > mRectStartPoints.y && y < mRectStartPoints.y + rectHeight)
                && event.getAction() == MotionEvent.ACTION_UP) {
            setVisibility(View.GONE);
            ((ViewGroup) ((Activity) getContext()).getWindow().getDecorView()).removeView(ShowTipsView.this);
            if (mListener != null) {
                mListener.onTouch();
            }
        }
        return super.onTouchEvent(event);
    }