在上一篇文章最后一节对RecycleView
的ItemDecoration
的适配中,绘制的背景为什么会被处理成加暗说明的不是特别清楚,这里以未设置背景的ImageView
中onDraw
中绘制RenderNode
为例来补充说明一下绘制加暗的原理。
一、在onDraw方法中绘制两个不同的RenderNode
如图所示,两个不同的RenderNode
在不同的位置绘制两个drawRect
,此时的效果是两个RenderNode
都被处理成加亮。原因是两个RenderNode
不同且没有重叠。
代码如下图所示:
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
if (Build.VERSION.SDK_INT > Build.VERSION_CODES.P) {
renderNode = RenderNode("A")
var rendCanvas = renderNode.beginRecording()
rendCanvas.drawRect(0.0f,0.0f,200.0f,500.0f,mPaint)
renderNode.endRecording()
renderNode.setPosition(0, 0, 200, 500)
if (renderNode.hasDisplayList()) {
canvas?.drawRenderNode(renderNode)
}
renderNode = RenderNode("B")
rendCanvas = renderNode.beginRecording()
rendCanvas.drawRect(0.0f,0.0f,200.0f,500.0f,mPaint)
renderNode.endRecording()
renderNode.setPosition(200, 0, 400, 500)
if (renderNode.hasDisplayList()) {
canvas?.drawRenderNode(renderNode)
}
}
}
二、在onDraw中绘制同一个RenderNode
如图所示,两个相同的RenderNode
绘制时第一个RenderNode
没有绘制出来,第二个RenderNode
加暗。原因是同一个RenderNode
绘制多次时,相同的RenderNode
都会被都指向同一个mDisplayList
。判断加暗时就会有重叠,底层的RenderNode
会被加暗,又由于引用的是同一个RenderNode
,所以所有相同的RenderNode
都会被处理成加暗。
那第一个
RenderNode
为什么没有被画出来呢,原因是在
DisplayListCanvas
中添加绘制操作时会判断绘制区域如果不在
RenderNode
的裁剪区域时,绘制操作就会被抛弃不再绘制。第一
RenderNode
的绘制区域明显已经不在
RenderNode
的裁区域中,因此第一个
RenderNode
没有被绘制出来。
//位置:frameworks/base/libs/hwui/DisplayListCanvas.cpp
size_t DisplayListCanvas::addDrawOp(DrawOp* op) {
Rect localBounds;
if (op->getLocalBounds(localBounds)) {//是否设置了绘制区域
bool rejected = quickRejectRect(localBounds.left, localBounds.top,//绘制区域是否在RenderNode裁剪区域内,如果不在,则不需要绘制。
localBounds.right, localBounds.bottom);
op->setQuickRejected(rejected);
}
mDisplayList->hasDrawOps = true;
return flushAndAddOp(op);
}
绘制代码如下:
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
if (Build.VERSION.SDK_INT > Build.VERSION_CODES.P) {
var rendCanvas = renderNode.beginRecording()
rendCanvas.drawRect(0.0f, 0.0f, 200.0f, 500.0f, mPaint)
renderNode.endRecording()
renderNode.setPosition(0, 0, 200, 500)
if (renderNode.hasDisplayList()) {
canvas?.drawRenderNode(renderNode)
}
rendCanvas = renderNode.beginRecording()
rendCanvas.drawRect(0.0f, 0.0f, 200.0f, 500.0f, mPaint)
renderNode.endRecording()
renderNode.setPosition(200, 0, 400, 500)
if (renderNode.hasDisplayList()) {
canvas?.drawRenderNode(renderNode)
}
}
}
三、在onDraw中绘制相同的RenderNode并移动Canvas
如图所示,和第二节中一样,同一个RenderNode
绘制在onDraw
中,不同的是在绘制第二个RenderNode
的时候画布通过canvas.tranlation
进行了移动,此时两个相同的RenderNode
指向了同一个mDisplayList
,但两个RenderNode
相对mDisplayList
的位置是一样的,在绘制时两个RenderNode
依然是重叠的。
但第二节绘制区域和裁剪区域的判断是成立的,在添加绘制操作时,绘制区域依然在裁剪区域中。所以就出现了,两个RenderNode
同时加暗的效果。
//位置:frameworks/base/libs/hwui/DisplayListCanvas.cpp
size_t DisplayListCanvas::addDrawOp(DrawOp* op) {
Rect localBounds;
if (op->getLocalBounds(localBounds)) {//是否设置了绘制区域
bool rejected = quickRejectRect(localBounds.left, localBounds.top,//绘制区域是否在RenderNode裁剪区域内,如果不在,则不需要绘制。
localBounds.right, localBounds.bottom);
op->setQuickRejected(rejected);
}
mDisplayList->hasDrawOps = true;
return flushAndAddOp(op);
}
绘制代码如下:
override fun onDraw(canvas: Canvas?) {
super.onDraw(canvas)
if (Build.VERSION.SDK_INT > Build.VERSION_CODES.P) {
var rendCanvas = renderNode.beginRecording()
rendCanvas.drawRect(0.0f, 0.0f, 200.0f, 500.0f, mPaint)
renderNode.endRecording()
renderNode.setPosition(0, 0, 200, 500)
if (renderNode.hasDisplayList()) {
canvas?.drawRenderNode(renderNode)
}
canvas?.save()
canvas?.translate(200.0f,0.0f)
rendCanvas = renderNode.beginRecording()
rendCanvas.drawRect(0.0f, 0.0f, 200.0f, 500.0f, mPaint)
renderNode.endRecording()
renderNode.setPosition(0, 0, 400, 500)
if (renderNode.hasDisplayList()) {
canvas?.drawRenderNode(renderNode)
}
canvas?.restore()
}
}
四、ItemDecoration的问题
ItemDecoration
的问题和第三节一样,由于移动了Canvas
,所以能显示出所有字母标题,并且是加暗后的。即使不移动Canvas
,在同一个地方绘制两们相同的RenderNode
也会被加入当前DisplayList
两个RenderNode
。