首页 > 代码库 > Android LayoutInflater.inflate的使用及源码分析

Android LayoutInflater.inflate的使用及源码分析

欢迎转载,转载请标明出处:
http://blog.csdn.net/johnny901114/article/details/61913656
本文出自:【余志强的博客】

在实际开发中我们常常需要inflate要给布局然后添加到某个布局容器里面去, 要把xml布局文件转成一个View对象 需要使用LayoutInflater.inflate方法. 在开发中常常使用如下几种方式:

inflater.inflate(layoutId, null);
inflater.inflate(layoutId, root,false);
inflater.inflate(layoutId, root,true);

特别是初学者搞不灵清这种方式有什么区别, 下面就一一来看看他们到底有什么不同.

inflater.inflate(layoutId, null)

现在我有一个MainActivity, 我想往这个布局里add一个布局, 该布局如下所示:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="20dp"
    android:background="#50000000"
    android:orientation="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="inflate01"
        android:textAllCaps="false"
        android:textSize="20sp" />

</LinearLayout>

该布局非常简单, 外层是一个LinearLayout, 背景颜色为#50000000, 大小都是wrap_content, 距左20dp.

然后在MainActivity执行添加操作:

LayoutInflater inflater = LayoutInflater.from(this);
View view = inflater.inflate(R.layout.inflater01, null);
root.addView(view);

添加View后, 发现并不是我们想要的, 如下图所示:

技术分享

从上图可以看出, 被添加的View, 它的宽度并不是wrap_content而是占满了屏幕, 还有设置的margin_left也没有效果. 也就是受我们设置的这些都失效了.

那只有看看源码一探究竟了.

inflater.inflate(R.layout.inflater01, null) 方法里调用了inflate(@LayoutRes int resource, @Nullable ViewGroup root, boolean attachToRoot), 在该方法又调用了 inflate(XmlPullParser parser, @Nullable ViewGroup root, boolean attachToRoot) 这个方法是最核心的方法:

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;

        try {
            // Look for the root node.
            int type;
            while ((type = parser.next()) != XmlPullParser.START_TAG &&
                    type != XmlPullParser.END_DOCUMENT) {
                // Empty
            }

            final String name = parser.getName();

            if (TAG_MERGE.equals(name)) {
                if (root == null || !attachToRoot) {
                    throw new InflateException("<merge /> can be used only with a valid "
                            + "ViewGroup root and attachToRoot=true");
                }

                rInflate(parser, root, inflaterContext, attrs, false);
            } else {
                // Temp is the root view that was found in the xml
                //把xml里的相关属性转成View对象
                final View temp = createViewFromTag(root, name, inflaterContext, attrs);

                ViewGroup.LayoutParams params = null;

                //如果参数root不为空
                if (root != null) {
                    // Create layout params that match root, if supplied
                    //根据在XML文件中的设置,生成LayoutParamsView的LayoutParameter用来适应root布局
                    //root布局的根节点是哪个容器(如LinearLayout)那这个params就是哪个容器布局的params(LinearLayout.LayoutParams)
                    params = root.generateLayoutParams(attrs);
                    //如果不添加到跟布局, 则设置刚刚生成的params
                    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.
                //初始化View所有的子控件
                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) {
                    //把View添加到root布局中
                    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;
                }
            }

        } catch (XmlPullParserException e) {
            //igore code...
        } catch (Exception e) {
            //igore code...
        } finally {
            //igore code...
        }

        return result;
    }
}

上面的代码比较好理解, 主要的地方都加了注释.

从上面的代码来看 inflater.inflate(layoutId, null) 方法, 因为root我们传了null,所以 attachToRoot=false.

根据源码 inflater.inflate(layoutId, null) 方法执行主要流程如下:

1, 把xml里的相关属性转成View对象

final View temp = createViewFromTag(root, name, inflaterContext, attrs);

2, 最后把 View temp返回了.

所以这个View是没有 LayoutParams 对象的.

不信的话可以打印一下就知道了:

View view = inflater.inflate(R.layout.inflater01, null);
ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
if (layoutParams == null) {
    Log.e("MainActivity", "layoutParams is null");
} else {
    Log.e("MainActivity", "layoutParams width:height" + layoutParams.width + ":" + layoutParams.height);
}

毫无疑问输出null.

一个View没有 LayoutParams 是没办法展示到屏幕上的.

现在只有看看 root.addView(view) 方法了:

public void addView(View child) {
    addView(child, -1);
}

public void addView(View child, int index) {
    if (child == null) {
        throw new IllegalArgumentException("Cannot add a null child view to a ViewGroup");
    }
    LayoutParams params = child.getLayoutParams();
    if (params == null) {
        params = generateDefaultLayoutParams();
        if (params == null) {
            throw new IllegalArgumentException("generateDefaultLayoutParams() cannot return null");
        }
    }
    addView(child, index, params);
}

从上面可以看出, 如果 child 的 LayoutParams为null, root会生成一个默认的 LayoutParams

所以看看 generateDefaultLayoutParams() 方法是什么样的? 因为我们这个root是LinearLayout, 所以要到 LinearLayout 的 generateDefaultLayoutParams() 里去看,而不是ViewGroup :

@Override
protected LayoutParams generateDefaultLayoutParams() {
    if (mOrientation == HORIZONTAL) {
        return new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    } else if (mOrientation == VERTICAL) {
        return new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
    }
    return null;
}

我们的root是LinearLayout方向为 VERTICAL 所以 LayoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); 这就解释了我们是上面运行的效果了: 明明设置的宽和高都是 WRAP_CONTENT, 最后变成了宽度为 MATCH_PARENT, 高度为WRAP_CONTENT.

viewGroup.addView(view, LayoutParams); 
相当于如下两行代码 :
view.setLayoutParams(LayoutParams);
viewGroup.addView(view)

有人可能会问 下面三个属性失效了,那 android:background="#50000000"又起作用呢?

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"

因为layout_width,layout_height,layout_marginLeft,layout_marginLeft都属于LayoutParams, 但是background属性不属于此范围, 同时所有的标签属性都会存在AttributeSet对象里.

inflater.inflate(layoutId, root,false);

在MainActivity的添加View的方法改成如下形式 :

/**
 * inflater.inflate(layoutId, root, false);
 */
private void add02() {
    View view = inflater.inflate(R.layout.inflater01, root, false);
    ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
    if (layoutParams == null) {
        Log.e("MainActivity", "layoutParams is null");
    } else {
        Log.e("MainActivity", "layoutParams width:height" + layoutParams.width + ":" + layoutParams.height);
    }
    root.addView(view);
}

布局文件还是那个布局文件, 不同的只是把inflate方法的参数该了下:

inflater.inflate(R.layout.inflater01, root, false);

效果如下图所示 :

技术分享

这个才是我们要的效果, 宽高和左边距都是我们要的效果.

根据源码 inflater.inflate(R.layout.inflater01, root, false);方法执行流程流程如下:

1, 把xml里的相关属性转成View对象

final View temp = createViewFromTag(root, name, inflaterContext, attrs);

2, 根据在XML文件中的设置,生成LayoutParamsView的LayoutParameter用来适应root布局, 并且设置给View

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);
}

2, 最后把 View temp 返回了.

所以, 最终呈现出来的是符合我们的预期的.

inflater.inflate(layoutId, root,true);

inflater.inflate(layoutId, root,true);inflater.inflate(layoutId, root,false); 唯一的区别就是 inflater.inflate(layoutId, root,true); 会自动把View添加到root里, 不用我们来add进去.

/**
 * inflater.inflate(layoutId, root, true);
 */
private void add03() {
    View view = inflater.inflate(R.layout.inflater01, root, true);
    ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
    if (layoutParams == null) {
        Log.e("MainActivity", "layoutParams is null");
    } else {
        Log.e("MainActivity", "layoutParams width:height" + layoutParams.width + ":" + layoutParams.height);
    }
}
<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

    Android LayoutInflater.inflate的使用及源码分析