美文网首页
布局渲染流程与原理

布局渲染流程与原理

作者: Ahwind | 来源:发表于2019-05-11 11:19 被阅读0次

60Hz
Android系统每隔16ms发出VSYNC信号,出发对UI进行渲染

1、将UI对象转换成多边形和纹理
2、CPU传递数据到GPU,GPU进行绘制

GPU的绘制过程是根据CPU传递的指令来的,它很傻,让画什么就画什么,16ms就画一次,造成有些图像被其它图像覆盖,底下以及面上的图像都要绘制,造成没有必要的浪费。

过度绘制的集中情况
1、布局层级太深,用户看不到的区域也会被绘制
2、自定义控件中,onDraw方法做了过多的绘制

性能优化看上去非常高大上,但其实就是“细节决定成败”的概念。需要对原理性的东西了解清楚,每一步都有什么不一样,针对每个步骤进行细致的优化。性能优化是一种思想,而不是一套具体的操作方法。
1、布局中的背景是否有必要
2、是否可以删除多余布局
3、自定义View是否进行了裁剪
4、布局是否够扁平化

demo:https://github.com/ApeCold/Learn_OverDraw_Sample

相关文章

  • 布局渲染流程与原理

    60HzAndroid系统每隔16ms发出VSYNC信号,出发对UI进行渲染 1、将UI对象转换成多边形和纹理2、...

  • 2.1 布局渲染流程与原理

    GPU GPU用途是将计算机系统所需要的显示信息进行转换驱动,并向显示器提供行扫描信号,控制显示器的正确显示,是连...

  • 布局优化

    布局渲染流程与原理 黄色的 Control 为控制器,用于协调控制整个 CPU 的运行,包括取ft指令、控制其他模...

  • Android 上屏原理

    为了方便理解核心原理,以下流程均已精简。 一. 完整流程 流程图: 上图是 Android 将一个布局通过硬件渲染...

  • 复杂业务如何保证Flutter的高性能高流畅度

    Flutter渲染原理简介 优化之前我们先来介绍下Flutter的渲染原理,通过这部分基础了解渲染流程以及主要耗时...

  • 21 | 除了 Cocoa,iOS还可以用哪些 GUI 框架开发

    渲染流程GUI 框架中的渲染,一般都会经过布局、渲染、合成这三个阶段。

  • weex

    weex 原理weexBoxweex 全部weex实战分享weex渲染机制渲染流程weex 解读 weexUI 详...

  • 四、离屏渲染

    离屏渲染与正常渲染 屏幕上最终显示的数据有两种加载流程 正常渲染加载流程 离屏渲染加载流程离屏渲染与正常渲染 常⻅...

  • 二、布局渲染流程

    1.将xml文件中的标签转换为显示的图形?首先通过LayoutInflate将标签(比如一个Button)加载到内...

  • opengl 渲染的流程与原理

    知识储备 CPU: 中央处理器,它集成了运算,缓冲,控制等单元,包括绘图功能.CPU将对象处理为多维图形,纹理(B...

网友评论

      本文标题:布局渲染流程与原理

      本文链接:https://www.haomeiwen.com/subject/vlotaqtx.html