记一次减少过度绘制实战

发表于 2018-06-21 更新于 2023-09-22 评论：阅读次数：

去掉不必要的背景是减少过度绘制的一种简单的方式。如何在实际项目应该该技巧呢？

简介

官方提供了几个减少过度绘制的常见策略：

Removing unneeded backgrounds in layouts.
Flattening the view hierarchy.
Reducing transparency.

其中第一个策略简单易用，主要涉及到的开发工具包括：

GPU呈现模式分析 (Profile GPU Rendering)
调试GPU过度绘制
Layout Inspector

问题描述

分析app过度绘制问题时发现应用中的某个页面过度绘制次数比预期中的多一次。见下图中的蓝色区域。

多次检查该页面未发现问题原因。于是重新写一个完全为空的页面，不妨称之EmptyActivity，发现有如下现象：

如果EmptyActivity直接继承自AppCompatActivity，过度绘制次数为0，符合预期。
如果EmptyActivity继承自我们自定义的BaseActivity，过度绘制次数为1，比预期中多一次。

见对比结果

预期应该是左图，没有过度绘制(无颜色)。但实际却是右图，有一次过度绘制(蓝色)。推测问题是由BaseActivity引起。

问题分析

EmptyActivity是空白页面，所以从它开始分析BaseActivity的问题还是相当方便的。很快就找到问题，BaseActivity以id为common_base_activity_layout的LinearLayout作为根布局，子类提供的实际布局通过setSubContentView()被添加到根布局。而setSubContentView()会给根布局设置一个默认的背景色。

public class BaseActivity extends AppCompatActivity {

    private LinearLayout mLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.base_activity);
        mLayout = (LinearLayout) findViewById(R.id.common_base_activity_layout);

        ...
    }

    protected void setSubContentView(View view, int color) {
        if (color != 0) {
            mLayout.setBackgroundColor(color);
        }

        view.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT, 1));
        mLayout.addView(view);
    }
}