Chromium网页LayerTree创建过程分析方案.doc

Chromium网页Layer Tree创建过程分析 在Chromium中，WebKit会创建一个Graphics Layer Tree描述网页。Graphics Layer Tree是和网页渲染相关的一个Tree。网页渲染最终由Chromium的CC模块完成，因此CC模块又会根据Graphics Layer Tree创建一个Layer Tree，以后就会根据这个Layer Tree对网页进行渲染。本文接下来就分析网页Layer Tree的创建过程。 从前面一文可以知道，网页的Graphics Layer Tree是根据Render Layer Tree创建的，Render Layer Tree又是根据Render Object Tree创建的。Graphics Layer Tree与Render Layer Tree、Render Layer Tree与Render Object Tree的节点是均是一对多的关系，然而Graphics Layer Tree与CC模块创建的Layer Tree的节点是一一对应的关系，如图1所示： 也就是说，每一个Graphics Layer都对应有一个CC Layer。不过，Graphics Layer与CC Layer不是直接的一一对应的，它们是透过另外两个Layer才对应起来的，如图2所示： 中间的两个Layer分别是WebContentLayerImpl和WebLayerImpl，它们是属于Content层的对象。关于Chromium的层次划分，可以参考前面一文的介绍。Graphics Layer与CC Layer的对应关系，是在Graphics Layer的创建过程中建立起来的，接下来我们就通过源码分析这种对应关系的建立过程。 从前面一文可以知道，Graphics Layer是通过调用GraphicsLayerFactoryChromium类的成员函数createGraphicsLayer创建的，如下所示： [cpp] view plain copy 在CODE上查看代码片派生到我的代码片 PassOwnPtrGraphicsLayer GraphicsLayerFactoryChromium::createGraphicsLayer(GraphicsLayerClient* client) { OwnPtrGraphicsLayer layer = adoptPtr(new GraphicsLayer(client)); return layer.release(); } 这个函数定义在文件external/chromium_org/third_party/WebKit/Source/web/GraphicsLayerFactoryChromium.cpp中。 参数client指向的实际上是一个CompositedLayerMapping对象，这个CompositedLayerMapping对象会用来构造一个Graphics Layer。Graphics Layer的构造过程，也就是GraphicsLayer类的构造函数的实现，如下所示： [cpp] view plain copy 在CODE上查看代码片派生到我的代码片 GraphicsLayer::GraphicsLayer(GraphicsLayerClient* client) : m_client(client) , { m_opaqueRectTrackingContentLayerDelegate = adoptPtr(new OpaqueRectTrackingContentLayerDelegate(this)); m_layer = adoptPtr(Platform::current()-compositorSupport()-createContentLayer(m_opaqueRectTrackingContentLayerDelegate.get())); } 这个函数定义在文件external/chromium_org/third_party/WebKit/Source/platform/graphics/GraphicsLayer.cpp中。 GraphicsLayer类的构造函数首先是将参数client指向的CompositedLayerMapping对象保存在成员变量m_client中，接着又创建了一个OpaqueRectT