Android 复习Path.Op.DIFFERENCE

复制代码
mLinePaint.setAntiAlias(true);
mLinePaint.setStrokeWidth(4f);
mLinePaint.setColor(Color.parseColor("#FFFFFFFF"));
mLinePaint.setStyle(Paint.Style.STROKE);       

 // 定义圆角矩形的边界
        RectF rectF = new RectF(lThumbWidth + lThumbOffset, 0f, rThumbOffset, height);
        // 定义圆角的半径
        float rx = 30f; // x轴方向的圆角半径
        float ry = 30f; // y轴方向的圆角半径

// 创建一个矩形
        RectF rect2 = new RectF(0, 0, width, height);

// 创建一个绘制矩形的路径
        Path rectPath = new Path();
        rectPath.addRect(rect2, Path.Direction.CW);

// 创建一个绘制圆角矩形的路径
        Path circlePath = new Path();
        circlePath.addRoundRect(rectF, rx, ry, Path.Direction.CW);

// 创建一个新的路径,用于存储挖去圆形后的矩形路径
        Path finalPath = new Path();
        finalPath.op(rectPath, circlePath, Path.Op.DIFFERENCE);

// 使用canvas绘制这个新路径
        canvas.drawPath(finalPath, mBgPaint);

        // 使用Canvas的drawRoundRect方法绘制圆角矩形
        canvas.drawRoundRect(rectF, rx, ry, mLinePaint);

绘制完成后,表现出来的就是一个灰色的矩形,中间有一个圆角矩形的部分是没有灰色的,可以看到当前控件下方的ui

canvas.drawRoundRect(rectF, rx, ry, mLinePaint);是给这个圆角矩形添加边框

这种是在单个控件内挖出你想要的镂空,如果想要处理不完全重叠的两个控件,使用的就是clipRect和Region.Op

canvas.clipRect(0, 0, 300, 300); //在画布上裁剪出一个矩形

canvas.clipRect(200, 200, 500, 500, Region.Op.REPLACE); //在画布上裁剪出第二个矩形

Region.Op的枚举对象含义我就不多说了,下面两个连接里很全了

  1. Android画布剪裁函数clipRect详解_android cliprect-CSDN博客

  2. Android中的裁剪中Region.Op参数的用法-CSDN博客

相关推荐
এ慕ོ冬℘゜18 分钟前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery
武子康28 分钟前
Search Console Platform Properties 扩大 SEO 资产边界:从 Page Ranking 到 Topic Coverage(5 类误读边界 + 3 表数据层设计)
前端·人工智能·后端
一点一木1 小时前
从60首歌到1个网站:输入你的故事,还你一首歌
前端·github
HLC++2 小时前
Linux的进程间通信
android·linux·服务器
IT_陈寒2 小时前
Vue这个特性差点让我加班到凌晨,谁懂啊
前端·人工智能·后端
kyriewen2 小时前
我让AI改一个bug——它偷偷动了5个我没让它碰的地方
前端·javascript·ai编程
遇乐的果园3 小时前
前端学习笔记-vue加载渲染优化
前端·笔记·学习
用户985033593284 小时前
OpenLayers 热力图从原理到 Vue 组件一键接入
前端
颜酱4 小时前
01 | 骨架搭建:FastAPI + Vue 跑通第一个 SSE 流式问答
前端·人工智能·后端
hoLzwEge4 小时前
解码 IDE 智能提示:jsconfig.json 辅助开发全攻略
前端·前端框架