window 内容渲染过程

概览

以下内容基于 Android R 。

当 activity 到达前台时,会通过 wm 向 SurfaceFlinger 请求一块 surface ,然后 app 将 window 中所有 view 的内容渲染到这块 surface 中,SurfaceFlinger 在下一次 VSYNC 信号到达时将其合成并发送给 HWC 渲染到显示器上。如图:


Android 官方:surface 渲染过程

具体如下:


View 是如何渲染到显示器上的

其中涉及的主要模块的作用如下:


主要模块

简而言之渲染过程如下:


简要流程

下面主要介绍 java 层的几个主要步骤:构建 view 树并添加到窗口管理器、获取 surface、布局、绘图。

构建 view 树并添加到窗口管理器

以 ViewRootImpl 作为一个 window 中所有 view 的 parent ,DecorView 作为 view 树顶点构建树,再通过 WindowManager 将该 window 添加到系统的窗口管理器中。因此一个 window 的渲染由 ViewRootImpl 开始。

下图表示 ViewRootImpl 和 Window 、WindowManager 的关系:


ViewRootImpl && Window

获取 surface

android R 中 ViewRootImpl 的 Surface 通过 WM 创建的 SurfaceControl 获取。如下:


ViewRootImpl 中的 Surface 获取流程

WindowManagerService 在创建 java 层的 SurfaceControl 时会请求 SurfaceFlinger 提供一个 native 层的 SurfaceControl ,而 SurfaceFlinger 实际创建了一个 layer ,并把持有 IGraphicBufferProducer 的 SurfaceControl native 对象返回给 WMS 。之后 ViewRootImpl 就通过 SurfaceControl 中的 IGraphicBufferProducer 创建一个 Surface 。

IGraphicBufferProducer 和 Surface 的关系如下:


IGraphicBufferProducer && Surface

布局 和 绘图

window 中的布局开始是在 ViewRootImpl#setView 中,如下:


ViewRootImpl#setView

其中分为布局和绘图( ViewRootImpl#performDraw )两步,其中布局又包含测量( ViewRootImpl#performMeasure )和布局( ViewRootImpl#performDraw ),如下:


View的布局过程

测量

在测量中会用到两个关键类:LayoutParams 和 MeasureSpec,其中 LayoutParams 表示 child view 自己想要的布局方式,而 MeasureSpec 指的是布局过程中 parent view 规定自己的子 view 需要遵循的规范。


MeasureSpec & LayoutParams

performMeasure 中的初始 DecorView 大小为 window 的大小,然后从上而下遍历以 DecorView 的 view 树,获取每个根节点的叶子节点的大小,然后确定根节点大小。


pefromMeasure

其中有两点需要注意:

  1. 所有 view 必须重写 onMeasure() 方法测量自己的大小,并在 onMeasure() 中调用 setMeasuredDimension(width, height) 设置自己测量过后的宽、高。
  2. ViewGroup 重写 onMeasure() 方法必须实现 top-down 遍历以它为 root 的树的测量,并在返回且需已完成其子 view 的测量。

布局

view 的布局就是 top-down 遍历以它为 root 的树,并根据之前的测量结果把自己放在对应位置,即设置自己所占区域的 左、上、右、下 的值。如下:


performLayout

绘图

绘图分为硬件绘图和软件绘图,设置了硬件加速即为硬件绘图,而硬件加速一般默认开启。

硬件绘图简单来说就两步:

  1. 遍历以 view 为 root 的 view 树,记录所有需要更新的 view 的绘制命令( display list )。
  2. 将这个 view 及其子 view 的绘制命令发布剪裁到屏幕上最新毁坏的区域。

具体如下:


performDraw()

其中特别注意的是每个 view 内容的具体先后顺序好下:


draw的具体步骤

即先背景,然后是自己的内容,然后是子孙,然后是滚动时淡化的边缘,然后是滚动条等装饰,最后是焦点。

硬件绘图主要是通过 ThreadedRenderer 在渲染线程中将 view 的 RenderNode 生成的场景渲染到 Surface 中。


HardwareRenderer && RenderNode

总结

window 中的内容显示到显示器上,简单来讲就是 app 先将 xml 设置的布局信息测量布局好,然后记录需要更新的 Canvas 绘制命令,之后将 Canvas 生成的图形数据放入 SurfaceFlinger 提供的 surface 的 buffers 中,同时 WindowManager 提供这些 window 的 z-order 等信息供 SurfaceFlinger 合成时使用,SurfaceFlinger 在 VSYNC 到来时,遍历系统中所有 surface 的 layer ,并合成需要它合成的 layer ,之后把合成的 buffers 发送给 HWC ,HWC 把它们渲染到屏幕上。

原创文章,欢迎转载,但请注明出处

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,326评论 4 369
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,228评论 1 304
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,979评论 0 252
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,489评论 0 217
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,894评论 3 294
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,900评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,075评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,803评论 0 205
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,565评论 1 249
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,778评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,255评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,582评论 3 261
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,254评论 3 241
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,151评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,952评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,035评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,839评论 2 277

推荐阅读更多精彩内容