Android实际开发问题12_渲染初认识

本篇博客只是将自己对于UI渲染的认识简单说明一下.

首先从android系统卡顿说起,android界面为什么会发生卡顿呢?主要是因为android手机(大部分)渲染频率为60Hz,即1s可以渲染1000/60=16.6666ms,意思就是说,界面的处理必须在这16.666ms中处理完,如果由于绘制时间过长,超出了16.666那么下一帧就会缺少时间绘制,因为在绘制过程中已经到了临界时间,这样就出现了丢帧,就导致了卡顿情况的发生..

为了避免这种情况的发生,就要想办法将所有操作在16.666ms之中完成,也就是减少渲染时间.下面通过一个例子介绍一下:

假如让一个工人去刷一面5m*5m的墙,平均分成五份,每份涂一种颜色,总共五种颜色,下面给出两种解决方案:

A.现将墙整体刷为一种颜色,然后再将墙的4/5刷成第二种颜色,以此类推,将墙刷为五种颜色....

B.找到五种颜色的临界点,然后在各自的区域里刷上不同的颜色...

我想只要没有什么奇葩想法的,应该都会觉得B算是两种解决方案中最为合理的一种....A方案耗费时间是B方案的3倍,而且还大大的消耗了资源....

通过上面这个例子,能够联想到android显示区域就是这面墙,怎么样能够合理的显示布局控件,就可以快速的提升渲染速度和所需资源

下面通过系统自带的渲染工具,我们可以了解一下渲染情况:设置->开发人员选项->调试GPU过度绘制->显示过度绘制区域

这里共有四种颜色,分别代表渲染的力度:

1x 蓝色区域

2x 绿色区域

3x浅红色区域

>=4x深红色区域

这里的x表明的就是每一个像素的点被渲染的次数,渲染次数越多,渲染时间越长

下面看看如果如下代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</LinearLayout>

这个是MainActivity,里面什么内容都没有,所以他的显示区域是这样的

完全的白色区域,没有渲染痕迹,这也就说明在布局根目录以及其父类容器并未进行渲染

然后添加一层带有背景色的容器

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="500dp"
        android:background="#fff"></LinearLayout>
</LinearLayout>

当前的渲染状况