Android 里canvas 绘制了两个矩形,交叉位置颜色重叠
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android 里canvas 绘制了两个矩形,交叉位置颜色重叠相关的知识,希望对你有一定的参考价值。
我想把他们颜色叠加在一起,有没有方法
既然叠加在一起,那最上面那个肯定会覆盖下面的,所以你看能不能把叠加部分(两个矩形叠加的部分也是矩形)的位置和宽高计算出来,然后再画一个计算出来的矩形覆盖在最上面,颜色就用叠加效果的颜色,这样看起来效果应该就是两个叠加的矩形,但实际上是画了3个矩形。希望能帮到你追问
我就想把两个矩形的颜色给混合一下,比如(255,0,0)和(0,255,255)合成黑色,应该有简单的办法的吧?……事实上我有1W个这样的矩形
参考技术A 要想颜色重叠的话 上面那个设置为完全透明,当然叠加的原理和效果就不是你可以控制的了Android UICanvas 画布 ⑦ ( Canvas 绘制显示区域 | Canvas 绘制矩形源码分析 )
文章目录
Canvas 状态保存机制 中 , 存在两个栈结构 , 分别是 状态栈 和 图层栈 ;
其中 图层栈 又称为 Layer 栈 ;
Canvas 画布中 , 有 2 2 2 套坐标系 , 分别是 :
- Canvas 自身坐标系
- Canvas 绘图坐标系
一、Canvas 绘制显示区域
Canvas 绘制时 , 并不是由 Canvas 进行绘制 , 具体 执行绘制的硬件是 GPU ; 绘制的位置依赖于 Canvas 的两个坐标系 , 自身坐标系 与 绘图坐标系 ;
Canvas 中绘制图像的 具体位置 是坐标系 中的位置坐标 , 坐标分为以下两种 :
Canvas 自身坐标系 是 状态栈 中 最外层的坐标系 , 组件一旦创建成功 , 该坐标系是不会改变的 ; Canvas 自身坐标系是在 绘制流程中 ViewRootImpl#draw 方法中确定的 , 是无法改变的 ; 参考 【Android UI】Canvas 画布 ⑥ ( Canvas 绘图源码分析 | ViewRootImpl#draw 方法源码 | ViewRootImpl#drawSoftware 方法源码 ) 博客 ;
Canvas 绘图坐标系 是 当前要绘制的图像 所在的 坐标系 , 该 绘图坐标系 表示具体绘制的元素要画到哪个位置 , 该 绘图坐标系 是通过对 Canvas 自身坐标系 进行若干次的 平移 , 旋转 , 缩放 得来的 ;
调用 Canvas#translate , Canvas#rotate , Canvas#scale 方法 , 可以改变 Canvas 的绘图坐标系 ;
Canvas 自身坐标系 有一个很重要的作用 就是 确定画布范围 , 之后所有的绘制内容只能显示这个画布范围内的元素 , 画出边界的元素是不显示的 ;
如下图 , 蓝色矩形框是 Canvas 自身坐标系 , 红色矩形框是 Canvas 绘图坐标系 , 两个坐标系重合部分 绿色矩形框 就是显示的部分 , 红色矩形框范围绘制的内容不显示在界面中 ;
二、Canvas 绘制矩形源码分析
调用 Canvas#drawRect 方法绘制矩形 , 调用的函数原型如下 :
/**
* 使用指定的绘制绘制指定的矩形。矩形将根据绘画中的样式填充或边框。
*
* @param rect 要绘制的矩形
* @param paint 绘制矩形的画笔
*/
public void drawRect(@NonNull RectF rect, @NonNull Paint paint)
super.drawRect(rect, paint);
在上述函数中 , 调用了父类的 BaseCanvas#drawRect 方法 ,
public void drawRect(@NonNull RectF rect, @NonNull Paint paint)
throwIfHasHwBitmapInSwMode(paint);
nDrawRect(mNativeCanvasWrapper,
rect.left, rect.top, rect.right, rect.bottom, paint.getNativeInstance());
在上述函数中 , 调用了 native 方法 BaseCanvas#nDrawRect , 该方法用于调用 GPU 进行绘图 ;
private static native void nDrawRect(long nativeCanvas, float left, float top, float right,
float bottom, long nativePaint);
绘制矩形时 , 将 Rect 拆分成了 左上右下 四个数据 , float left, float top, float right, float bottom
, 这是绘图坐标系中的数据 ;
以上是关于Android 里canvas 绘制了两个矩形,交叉位置颜色重叠的主要内容,如果未能解决你的问题,请参考以下文章
微信小程序使用canvas绘制圆角矩形在Android:变形、锯齿
如何在 Android Canvas 中绘制带有文本的矩形按钮?
android 画布区域,android:canvas绘制一个透明矩形并填充其余区域