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

相关推荐
alexhilton32 分钟前
玩转Shader之学会如何变形画布
android·kotlin·android jetpack
样子201843 分钟前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas681 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风1 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo2 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉3 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧3 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
YeeWang4 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip4 小时前
Jenkins部署前端项目实战方案
前端·javascript·架构
Orange3015114 小时前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6