WebKitCompositing(Android4.1.2).docVIP

Android 4.0.3 WebKit硬件加速剖析 WebKit渲染概述 一个网页通常可以包含很多层(该层并不完全等同于RenderLayer)，例如有透明效果的节点，Canvas节点等，这些节点都可以是页面中的一层，这些层的内容最后组成一个可视化的网页内容，如下图所示： 图表 111 网页显示层次图 在这里稍微解释一下Layer的概念，我们都知道WebCore中的三棵树：DOM树，Render树及RenderLayer树。事实上远不止这三棵树，在开启硬件加速的情况下，WebView会构成一棵与RenderLayer树结构并行的Layer树，通常RenderLayer树中的一个或多个节点对于Layer树中的一个节点。这才是上图中的Layer的含义。 图表 12 webkit中的三棵树 Layer类是一个基类，BaseLayerAndroid和LayerAndroid类继承于它.BaseLayerAndroid为Layer树中根节点，其代表最大的surface，通常是一个普通的web页面，比如上图中的Layer1；Layer树中其他节点为LayerAndroid，它代表一些特殊的surface，如video，插件等，比如上图中的其他Layer。 ??? WebKit渲染的基础设施包括Render树和RenderLayer树，对于每一个RenderLayer，我们可以为其单独创建一块内部存储（有些情况下可以为多个layer创建同一块存储），这些存储会被用来保存该层中的内容，在没有硬件加速的情况下，浏览器通常是依赖于CPU来渲染生成网页的内容，大致的做法是遍历这些层，然后按照顺序把这些层的内容依次绘制在一个内部存储空间上（例如bitmap），最后把这个内部表示显示出来，这种做法就是软件渲染（Software Rendering）。如果开启了硬件加速，浏览器最后会把这些所有的层通过GPU合成起来，形成最终网页渲染的内容，这就是硬件加速合成。 ?WebKit支持硬件加速相关的类 ??? 在WebKit中如果启用“加速合成(ACCELERATED_COMPOSITING)”选项，WebKit会做一些特别的处理。与此相关的主要有以下几个类RenderLayerBacking，GraphicsLayer，RenderLayerCompositor，GraphicsLayerClient。它为每个RenderLayer创建一个RenderLayerBacking。? 在WebKit中如果启用“加速合成(ACCELERATED_COMPOSITING)”选项，WebKit会做一些特别的处理。与此相关的主要有以下几个类RenderLayerBacking，GraphicsLayer，RenderLayerCompositor，GraphicsLayerClient。它为每个RenderLayer创建一个RenderLayerBacking。 图表 21支持硬件加速合成的类 GraphicsLayer 该类是一个抽象类，用于表示有后端存储（backing store）的渲染surface，同时，也包括作用于之上的各种变换（transformation）和动画（animation）。在android平台下的实现类为GraphicsLayerAndroid，此类中包含一个LayerAndroid，而真正进行合成的一般是LayerAndroid。 ??? GraphicsLayerAndroid会构成一个跟RenderLayer结构并行的树结构，称之为GraphicsLayer树。而LayerAndroid所属的Layer树也是一个与GraphicsLayer树并行的结构。实际上RenderLayer树，GraphicsLayer树，Layer树依次关联起来。 图表 22 硬件加速的两棵树 在android中GraphicsLayer的具体移植为GraphicsLayerAndroid类，其相关函数在经过WebKit的layout,paint之后会被调用到.GraphicsLayerAndroid类中含有LayerAndroid类的对象，其所有函数都会转发的LayerAndroid类中做相应动作。 RenderLayerBacking 每个RenderLayer创建一个RenderLayerBacking，这个类非常的有用，它是用来管理和控制RenderLayer的合成相关的事情，决定对该层是否做优化，同时包含了很多GraphicsLayer的对象。些GraphicsLayer有内容层，可能还有前景层(Foreground)，剪切层（clipping）等。 RenderLayerCompositor WebKit中渲染部分掌控大局’的类，管理R