从LayoutInflater分析XML布局解析成View的树形结构的过程

上一篇博客分析了XML布局怎么加载到Activity上，不了解的可以参考

从setContentView方法分析Android加载布局流程

上一篇博客只是分析了怎么讲XML布局添加到 Activity 的DecorView根布局上，最后是通过如下代码将资源布局添加到Activity上

<code class="hljs avrasm has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro',monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"> mLayoutInflater<span class="hljs-preprocessor" style="color: rgb(68,68,68); box-sizing: border-box;">.inflate</span>(layoutResID,mContentParent)<span class="hljs-comment" style="color: rgb(136,0); box-sizing: border-box;">;</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221,221,221); list-style: none; text-align: right; background-color: rgb(238,238,238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>

参考博客从setContentView方法分析Android加载布局流程Step3 第 17行。

Step1

那么inflate方法里面具体做了什么？跟踪代码，该方法的实现是在LayoutInflater类中。

<code class="hljs cs has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro',monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"> <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">public</span> View <span class="hljs-title" style="box-sizing: border-box;">inflate</span>(<span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">int</span> resource,ViewGroup root) {
        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">return</span> inflate(resource,root,root != <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">null</span>);
    }</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221,238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li></ul>

该方法很简单，方法体里面直接调用 如下方法

<code class="hljs java has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro',ViewGroup root,<span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">boolean</span> attachToRoot) {
        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">final</span> Resources res = getContext().getResources();
        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (DEBUG) {
            Log.d(TAG,<span class="hljs-string" style="color: rgb(0,136,0); box-sizing: border-box;">"INFLATING from resource: ""</span> + res.getResourceName(resource) + <span class="hljs-string" style="color: rgb(0,0); box-sizing: border-box;">"" ("</span>
                    + Integer.toHexString(resource) + <span class="hljs-string" style="color: rgb(0,0); box-sizing: border-box;">")"</span>);
        }

        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">final</span> XmlResourceParser parser = res.getLayout(resource);
        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">try</span> {
            <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">return</span> inflate(parser,attachToRoot);
        } <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">finally</span> {
            parser.close();
        }
    }
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221,238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li></ul>

代码的第 8 行，调用XML解析器将xml资源解析成XmlResourceParser对象作为参数传

递给第10行 inflate(parser,attachToRoot);方法。该方法实现如下：

Step2

 
  
 以上代码主要作用是根据xml资源的根节点来创建一个 root view 。
 
  
 1.代码第12-15行，while循环中是一个Empty操作，目的是遍历查找当前xml资源文件的根接点。
 
  
 2.代码第17-20行进行if判断，如果没有找到xml资源的根接点，则抛出一个异常，说明当前加载的xml资源布局出错。
 
  
 3.代码第24-31行判断当前xml资源的根接点是否是 < merge />,从第25行的if判断可以看出，使用< merge />标签的根布局需要满足 root！=null && attachToRoot 两个条件。
 
  
 4.如果当前标签不是 < merge />则执行第33行代码createViewFromTag方法，该方法根据当前根节点的名称和属性名创建一个 root View。
 
  
 5.第48行代码调用 rInflate(parser,true,true); 方法将所有的子 view 加载到 root view下面。
 
  
 注意不管根标签是否是 < merge />，最后都会调用rInflate方法来遍历加载子元素view。
 我们来看看 rInflate方法的实现
 
  
 Step3
 
  
<code class="hljs ocaml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro',monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">void rInflate(XmlPullParser <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">parser</span>,View parent,final AttributeSet attrs,boolean finishInflate,boolean inheritContext) throws XmlPullParserException,IOException {

        final <span class="hljs-built_in" style="color: rgb(102,102); box-sizing: border-box;">int</span> depth = <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">parser</span>.getDepth();
        <span class="hljs-built_in" style="color: rgb(102,102); box-sizing: border-box;">int</span> <span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">type</span>;</span>

        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">while</span> (((<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">type</span> =</span> <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">parser</span>.next()) != XmlPullParser.END_TAG ||
                <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">parser</span>.getDepth() > depth) && <span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">type</span> !=</span> XmlPullParser.END_DOCUMENT) {

            <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">type</span> !=</span> XmlPullParser.START_TAG) {
                continue;
            }

            final String name = <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">parser</span>.getName();

            <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (TAG_REQUEST_FOCUS.equals(name)) {
                parseRequestFocus(<span class="hljs-keyword" style="color: rgb(0,parent);
            } <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">else</span> <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (TAG_TAG.equals(name)) {
                parseViewTag(<span class="hljs-keyword" style="color: rgb(0,parent,attrs);
            } <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (TAG_INCLUDE.equals(name)) {
                <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (<span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">parser</span>.getDepth() == <span class="hljs-number" style="color: rgb(0,102); box-sizing: border-box;">0</span>) {
                    throw <span class="hljs-keyword" style="color: rgb(0,0); box-sizing: border-box;">"<include /> cannot be the root element"</span>);
                }
                parseInclude(<span class="hljs-keyword" style="color: rgb(0,inheritContext);
            } <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (TAG_MERGE.equals(name)) {
                throw <span class="hljs-keyword" style="color: rgb(0,0); box-sizing: border-box;">"<merge /> must be the root element"</span>);
            } <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">else</span> {
                final View view = createViewFromTag(parent,inheritContext);
                final ViewGroup viewGroup = (ViewGroup) parent;
                final ViewGroup.LayoutParams params = viewGroup.generateLayoutParams(attrs);
                rInflate(<span class="hljs-keyword" style="color: rgb(0,view,136); box-sizing: border-box;">true</span>);
                viewGroup.addView(view,params);
            }
        }

        <span class="hljs-keyword" style="color: rgb(0,136); box-sizing: border-box;">if</span> (finishInflate) parent.onFinishInflate();
    }</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221,238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li></ul>
 
  
 以上方法就是遍历xml资源根布局 root view 下的子元素，并且将子元素view依次添加到 root view下面。
 
  
 1.代码第17-28做一系列的判断处理，有 21-27行判断可知，< include/>标签是不能作为 xml资源布局的 root view 布局的根节点的，还有 < merge/>是必须作为 xml资源的根布局 root view的根节点才可以使用的。
 
  
 2.代码第29行，根据当前view的节点名称和属性调用 createViewFromTag 方法创建子元素 view。
 
  
 3.代码32行，递归调用当前方法，查找当前view 下面的子元素view。
 
  
 4.代码第33行，将当前 view下面的之元素view添加到 view上面，然后循环，直到全部子元素加载完毕。
 
  
 至此，整个xml资源布局解析绘制成view的过程就结束了。附上流程图：
 
  
 
 LayoutInflater解析XML资源流程
 
  
 总结：LayoutInflater类给开发者暴露了两个方法用于加载布局
 
  
 
  
 分析
 
  
 
   
当root=null时，attachToRoot不起任何作用。
 
   
当root！=null时，attachToRoot=false时，xml资源布局不添加到root根布局下，也就是root失效。
 
   
当root！=null，attachToRoot=true时，xml资源布局会添加到root根布局下。
 
   
在调用第一种方法，没有attachToRoot参数时，当root=null时的情况和第一种分析一样，当root！=null的情况和第三那种分析一样。
 
  
 
  
 最后XML布局解析成如下的View树形结构图