从 XML 到 View 显示在屏幕上，都发生了什么?

最新推荐文章于 2025-04-23 07:10:58 发布

原创

最新推荐文章于 2025-04-23 07:10:58 发布 · 388 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#xml #view #Android开发

本文详细解析了Android中XML布局如何转换为View并显示在屏幕上，涵盖了从XML解析、View添加、绘制到显示的全过程。通过分析关键步骤，如LayoutInflater的工作、ViewGroup的添加、测量与绘制，揭示了Android UI机制的内部运作。

View绘制可以说是Android开发的必备技能，但是关于View绘制的的知识点也有些繁杂。
如果我们从头开始阅读源码，往往千头万绪，抓不住要领。

目前当我们写页面时，布局都是写在XML里的，我们可以思考下:布局从XML到显示到屏幕上，都发生了什么，可以分为哪几个部分?
我们将整个显示流程分解为以下几个部分

代码是怎么从XML转换成View的?
View是怎么添加到页面上的?
在内存中View到底是怎么绘制的?
View绘制完成后是怎么显示到屏幕上的?

本文目录如下所示：

1. `XML`是怎么转换成`View`的？

我们都知道，在android中写布局一般是通过XML，然后通过setContentView方法配置到页面中
看来XML转换成View就是在这个setContentView中了

1.1 `setContentView`中做了什么

    public void setContentView(int resId) {
        ensureSubDecor();
        ViewGroup contentParent = mSubDecor.findViewById(android.R.id.content);
        contentParent.removeAllViews();
        LayoutInflater.from(mContext).inflate(resId, contentParent);
        mAppCompatWindowCallback.getWrapped().onContentChanged();
    }

可以看到resId传给了我们熟悉的LayoutInflater,看来xml转化成View就是在LayoutInflater方法中实现的了

1.2 `LayoutInflater`中做了什么？

    public View inflate(@LayoutRes int resource, @Nullable ViewGroup root, boolean attachToRoot) {
        final Resources res = getContext().getResources();
        //预编译直接返回view,目前还未启用
        View view = tryInflatePrecompiled(resource, res, root, attachToRoot);
        if (view != null) {
            return view;
        }
        XmlResourceParser parser = res.getLayout(resource);
        try {
            //真正将`XML`转化为`View`
            return inflate(parser, root, attachToRoot);
        } finally {
            parser.close();
        }
    }

代码也比较简单,我们一起来分析下

首先我们需要明确，将XML转化为View牵涉到一些耗时操作，比如XML解析是一个io操作，将XML转化为View涉及到反射，这也是耗时的
我们可以看到在解析前有个tryInflatePrecompiled方法,这个方法就是希望可以在编译阶段直接预编译XML，在运行时直接返回构建好的View，看起来Google希望通过这种方式解决XML的性能问题。不过这个功能目前还没有启用，因此此方法直接返回null,目前生效的还是下面的方法
真正将XML解析为View的还是在inflate方法中,将标签名转化为View的名称,XML中的各种属性转化为AttributeSet对象,然后通过反射生成View对象