深入了解LayoutInflater

最新推荐文章于 2021-09-27 11:18:44 发布

AItsuki

最新推荐文章于 2021-09-27 11:18:44 发布

阅读量763

点赞数 1

文章标签： Android 源码

个人博客：aitsuki.com

本文链接：https://blog.csdn.net/u010386612/article/details/49818501

版权

写在前面：看了很多博客之后，被大神这种分享精神给感染了。我也决定开始正式写博客了，前面也写过一两篇，不过发现自己描述能力实在有限，而且似懂非懂，就不好意思发出来，现在重新整理，以后会坚持写下去，希望大家多多支持。

2016.01.26 修正：
　　文中说如果填充的View没有parent，会传入一个默认的layoutParams，这个layoutParams默认属性为wrap_content。这一段是错误的。
　ViewGroup的不同子类，生成出来的LayoutParams属性会不一样。比如FrameLayout的是match_parent。
　正文已修正

##1. LayoutInflater源码分析
　　想要真正的了解View，我们需要从xml被inflate成View对象开始说起，对于LayoutInflater我们并不陌生，因为经常使用到。
　　将一个xml文件填充成View有好几种方式，但是归根到底都是用到了LayoutInflater这个类的inflate()方法。我们来简单的过一遍源码（有部分删减，便于理解）
　　
TAG：tag1(这段代码在问中用tag1表示)

public View inflate(XmlPullParser parser, @Nullable ViewGroup root, boolean attachToRoot) {
    synchronized (mConstructorArgs) {

       final Context inflaterContext = mContext;
       final AttributeSet attrs = Xml.asAttributeSet(parser);
       Context lastContext = (Context) mConstructorArgs[0];
       mConstructorArgs[0] = inflaterContext;
       View result = root;
           // Look for the root node.
       int type;
       while ((type = parser.next()) != XmlPullParser.START_TAG &&
               type != XmlPullParser.END_DOCUMENT) {
           // Empty
       }

       if (type != XmlPullParser.START_TAG) {
           throw new InflateException(parser.getPositionDescription()
                   + ": No start tag found!");
       }

       final String name = parser.getName();

       // Temp is the root view that was found in the xml
       final View temp = createViewFromTag(root, name, inflaterContext, attrs);

       ViewGroup.LayoutParams params = null;

       if (root != null) {
           // Create layout params that match root, if supplied
           params = root.generateLayoutParams(attrs);
           if (!attachToRoot) {
               // Set the layout params for temp if we are not
               // attaching. (If we are, we use addView, below)
               temp.setLayoutParams(params);
           }
       }

       // Inflate all children under temp against its context.
       rInflateChildren(parser, temp, attrs, true);

       // We are supposed to attach all the views we found (int temp)
       // to root. Do that now.
       if (root != null && attachToRoot) {
           root.addView(temp, params);
       }

       // Decide whether to return the root that was passed in or the
       // top view found in xml.
       if (root == null || !attachToRoot) {
           result = temp;
       }
       return result;
   }
}

第24行：final View temp = createViewFromTag(root, name, inflaterContext, attrs)
　　见名知意，根据标签的名字通过反射创建对象，内部代码比较复杂，暂时没看懂，不过这不是我们的重点。
第39行：rInflateChildren(parser, temp, attrs, true)；

final void rInflateChildren(XmlPullParser parser, View parent, AttributeSet attrs, boolean finishInflate) throws XmlPullParserException, IOException {
    rInflate(parser, parent, parent.getContext(), attrs, finishInflate);
}

void rInflate(XmlPullParser parser, View parent, Context context,
            AttributeSet attrs, boolean finishInflate) throws XmlPullParserException, IOException {

        final int depth = parser.getDepth();
        int type;

        while (((type = parser.next()) != XmlPullParser.END_TAG ||
                parser.getDepth() > depth) && type != XmlPullParser.END_DOCUMENT) {

            if (type != XmlPullParser.START_TAG) {
                continue;
            }

            final String name = parser.getName();
            
            if (TAG_REQUEST_FOCUS.equals(name)) {
                parseRequestFocus(parser, parent);
            } else if (TAG_TAG.equals(name)) {
                parseViewTag(parser, parent, attrs);
            } else if (TAG_INCLUDE.equals(name)) {
                if (parser.getDepth() == 0) {
                    throw new InflateException("<include /> cannot be the root element");
                }
                parseInclude(parser, context, parent, attrs);
            } else if (TAG_MERGE.equals(name)) {
                throw new InflateException("<merge /> must be the root element");
            } else {
                final View view = createViewFromTag(parent, name, context, attrs);
                final ViewGroup viewGroup = (ViewGroup) parent;
                final ViewGroup.LayoutParams params = viewGroup.generateLayoutParams(attrs);
                rInflateChildren(parser, view, attrs, true);
                viewGroup.addView(view, params);
            }
        }

        if (finishInflate) {
            parent.onFinishInflate();
        }
    }

第28行到最后一行：
　　上面这两段代码就是将整个解析流程的核心点了，通过递归一层一层的解析，然后将下一层解析的对象添加到上一层。rInflateChildren和rInflate方法互相调用，其实调用的都是rInflate方法本身，通过createViewFromTag方法创建view，并且添加到父view。这就是Android布局的层级结构，后面添加的控件会遮住前面的。
　　当整个xml都解析完毕的时候，会回调onFinishInflate方法，可以在自定义view中重写这个方法。
　　
##2. 真正的理解inflate()方法
　　xml解析成View的整个过程看起来是不是很简单？因为我们忽略了其中很多实现方法，比如createViewFromTag。然而那并不是我们要掌握的重点，包括上面的递归我们也只是需要知道原理就够了。
　　本次我们真正需要了解的是inflate方法的几个参数。

inflate(int resourceId, ViewGroup root);
inflate(int resourceId, ViewGroup root, boolean attachToRoot);

这两个参数重载方法有什么区别呢，里面的参数又是什么作用呢，我们最常用的方法就是 inflate（R.layout.xxx, null）; 但是我们从来没有真正关心过其他两个参数，也不知道它们的作用，现在我们通过研究源码来探究下。

假设我们先用两个参数的inflate，并且忽略第三个参数的作用来走一遍源码。看tag1：
　　第8行：先给result 赋值， result = root;
　　第23-24行：根据找到的第一个标签（根节点）创建对象temp。
　　第43 -45行：如果root ！= null， root.addView( temp ); 将temp添加进root
　　第49-51行：如果root == null， result = temp;
　　第五十二行：返回result
　　
用伪代码来表示就是这样：

public View inflate(View view, ViewGroup root) {
        View result = root;
        View temp = createViewFromTag(attr);
        if(root == null) {
            result = temp;
        } else {
            // 这里因为result和root指向都是同一个对象，所以相当于result.addView（temp）
            root.addView(temp);
        }
        return result;
    }

不完全结论：
　　1. 如果View view = inflate(resourceId, root)的第二个参数 root为null，那么inflate返回的view就是xml解析出来的那个view，也就是第24行代码的那个temp。
　　2. 如果root 不为null, 那么inflate返回的 view就是root，只是xml解析出来的view作为root的孩子了，也就是temp添加进root了，看第43-45行代码。
　　这看起来是将两行代码结合成了一行，就像下面这样

	View view = View.inflate(this, R.layout.xxx, null);
	parent.addView(view);

	View.inflate(this, R.layout.xxx, parent);

按照上面的结论，这两段代码的效果是一样的。真的可以这样认为吗？
不是的，第二段代码还多做了一步。那就是设置layoutParams，我们继续往下看。

##3. attachToRoot的用处

public View inflate(int resource, ViewGroup root) {
        return inflate(resource, root, root != null);
    }

看看inflate(int resourceId, ViewGroup root)的源码我们就明白了，内部调用的还是inflate(int resourceId, ViewGroup root, boolean attachToRoot)， attchToRoot有默认的赋值 root！= null。

那么，attachToRoot 到底有什么作用，我们跟踪attachToRoot，再看一遍源码。

第一段代码 28 - 36行，41-45行：如下

if (root != null) {  
            // Create layout params that match root, if supplied  
            params = root.generateLayoutParams(attrs);  
            if (!attachToRoot) {  
                // Set the layout params for temp if we are not  
                // attaching. (If we are, we use addView, below)  
                temp.setLayoutParams(params);  
            }  
        }

// We are supposed to attach all the views we found (int temp)
// to root. Do that now.
                    if (root != null && attachToRoot) {
                        root.addView(temp, params);
                    }

谷歌的工程师注释的也很明白，attachToRoot其实就是“是否将解析出来的View添加进root里面“。当使用 inflate(resourceId, null)方法的时候，attachToRoot这个参数是完全没有作用的，因为前提条件是if(root != null)。
　　在说inflate(int resourceId, ViewGroup root, boolean attachToRoot)这个方法前，我们先有必要了解一下params = root.generateLayoutParams(attrs);此方法的作用是根据child的布局属性生成layoutParams，比如layout_width，layout_height。
　　
　　根据上面的代码可以知道，当root不为null， attachToRoot = false的时候，root只是生成了layoutParams设置进temp，最终返回的是temp。
　　当root为null， attachToRoot = true的时候，root不仅生成设置了layoutParams，并且将temp添加进root，最终返回的是root。
　　
　　源码已经走了一遍了，最后剩下的就只有一个问题了，设置了LayoutParams和没有设置的区别，然后再写个目前得出的结论。
不完全结论：
　　1. inflate（resourceId, null）：将xml填充成View, 不设置params，没有父View。
　　2. inflate( resourceId， root)：将xml填充成View，设置params，父View是root。同4
　　3. inflate( resourceId， root， false)：将xml填充成view，设置params，没有父View。
　　4. inflate( resourceId， root， true)：将xml填充成View，设置params，父View是root。同2

现在，我们写个小案例来验证一下这四个方法的区别。

先看activity_main的布局文件，啥都没，加了个ID而已。

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

然后看看button的布局文件，我们准备将这个button填充出来添加到root中。

<Button xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="300dp"
    android:layout_height="100dp"
    android:text="test" />

代码：

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        LayoutInflater layoutInflater = getLayoutInflater();
        LinearLayout root = (LinearLayout) findViewById(R.id.root);

        // 1. 常用
//        View view = layoutInflater.inflate(R.layout.buttom, null);
//        root.addView(view);

        // 2. 这个同4
//        layoutInflater.inflate(R.layout.buttom, root);

        // 3. attachToRoot = false
//        View view = layoutInflater.inflate(R.layout.buttom, root, false);
//        root.addView(view);

        // 4. attachToRoot = true
//        layoutInflater.inflate(R.layout.buttom, root, true);
        
    }
}

我依次解开注释测试这几个方法，看图。

1：
这里写图片描述

2,3,4一样的：
这里写图片描述

根据上一个结论得知，没有设置layoutParams的话，button上的layout_width和layout_height就不起作用了，因为ViewGroup.addView（）的时候，会判断是否有params，如果没有，parent就会为子类创建一个params，不同的ViewGroup子类创建出来的params也是不一样的，比如FrameLayout创建出来的是match_parent，而这里很明显是wrap_content，LinearLayout纵向布局和横向布局创建出来的params也是会不同的，这点请注意。

名字叫layout_xxx的属性，都是布局属性，而不是view自身的属性。所以layout_xxx是需要有parent或者说父布局的时候才会起作用。

而inflate（resourceId, null）因为没有parent，所以layout_xxx不起作用。其余三个方法，因为内部已经做了params = root.generateLayoutParams(attrs);并且设置了，所以就能正常了。

##4. 最终结论：

getLayoutInflater().inflate(R.layout.xxx, parent);
父布局： parent
返回值： parent
layout_params : 有
getLayoutInflater().inflate(R.layout.xxx, null);
父布局： null
返回值：一个全新的View对象
layout_params : null
getLayoutInflater().inflate(R.layout.xxx, parent, false);
父布局： null
返回值：一个全新的View对象
layout_params : 有
getLayoutInflater().inflate(R.layout.xxx, parent, true);(同1)
父布局： parent
返回值： parent
layout_params : 有

对于LayoutInflate的inflate方法有以下几个结论(返回值view)：
当root = null的时候，attachToRoot不起作用，view没有父布局，并且没有设置layoutParams，布局属性(layout_xxx，下文不再赘述)不起作用，layout_width, layout_height默认为wrap_content。
**当root != null, attachToRoot = false **, view没有父布局，设置了layoutParams，布局属性将会起作用(将view添加到某个布局后)。
当root！=null, attachToRoot = true，返回的view就是root，父布局是content（下文有说明），设置了layoutParams，布局属性将会起作用。

有些朋友可能就有疑问了，setContentView(R.layout.xxx)的布局属性怎么就能起作用呢？
　　那是因为setContentView(R.layout.xxx)这个方法内部，其实就已经给R.layout.xxx设置了parent，那个parent就是一个id为content的FrameLayout。Android最顶层的窗口叫DecorView, 本次就不细说了，直接打开sdk tools 中的hierarchyviewer.bat工具看看。
　　这里写图片描述

如果给上面的方法2或4加上addView，就像这样：

// 2. 因为这个和4是一样的，所以就不测试了
        View view = layoutInflater.inflate(R.layout.buttom, root);
        Log.e("test","view == root ?　　"+ (view == root));
        root.addView(view);

log打印：
这里写图片描述
并且会报这个异常：

这再一次验证了以上结论的正确性。

OK，花了好几天时间终于写完了，苦于表达能力不行，如有发现，希望各位网友能指出文中的错误。下一篇准备写绘制流程，希望大家多多支持。

AItsuki

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
深入了解LayoutInflater

写在前面：看了很多博客之后，被大神这种分享精神给感染了。我也决定开始正式写博客了，前面也写过一两篇，不过发现自己描述能力实在有限，而且似懂非懂，就不好意思发出来，现在重新整理，以后会坚持写下去，希望大家多多支持。1. LayoutInflater源码分析　　想要真正的了解View，我们需要从xml被inflate成View对象开始说起，对于LayoutInflater我们并不陌生，因为经常使用到。
复制链接

扫一扫