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博客

相关推荐
Myli_ing12 分钟前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维29 分钟前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
雯0609~1 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ1 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z1 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜1 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4041 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish1 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five1 小时前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序1 小时前
vue3 封装request请求
java·前端·typescript·vue