«

LayoutInflater.inflate方法解析

时间:2024-3-2 19:57     作者:韩俊     分类: Android


LayoutInflater.inflate方法应该是Android程序员最常使用的方法之一了,但是如果使用不当,你会碰见很多的坑。。。今天我就碰到了一个,我找到了解决方法,也打算把它记下来。。。

事情是这样的,我有一个LineaLayout,然后在代码中会inflate若干个View添加到这个LineaLayout中,但是坑出现了。。。

0x00 一个栗子

需要添加到LinearLayout中的View布局文件类似如下():

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="80dp"
    android:paddingTop="5dp"
    android:paddingBottom="5dp"
    android:background="@android:color/holo_green_dark"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/iv_media_menu_icon"
        android:layout_height="24dp"
        android:layout_width="24dp"
        android:src="@drawable/ic_mv"
        android:layout_centerHorizontal="true"/>
    <TextView
        android:id="@+id/tv_media_menu_text"
        android:text="bxbxbai"
        style="@style/Menu_TextView"/>
</RelativeLayout>

这个View的宽固定为80dp,高和父容器一样,然后就是inflate这个View并且添加到这个LinearLayout中(我故意将这个布局文件的background设置一个颜色,这样可以很清晰的看出这个View占的位置)

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View view = View.inflate(this, R.layout.layout_menu_item, null);
layout.addView(view);

这样写的话,你就会发现布局文件R.layout.layout_menu_item中的android:layout_width="80dp"不起作用!!也就是说View.inflate方法忽略了布局文件的宽度设置

可是你又可以发现View.inflate方法中还有第三个参数ViewGroup root,Android文档中是这么写的:

A view group will be the parent. Used to properly inflate the layout_* parameters

那么可以猜想肯定和这个参数有关,下面改写代码:

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View view = View.inflate(this, R.layout.layout_menu_item, layout);
layout.addView(view);

你就会发现这样写会崩溃!然后下面这样写就没问题了:

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View view = View.inflate(this, R.layout.layout_menu_item, layout);

View.inflate方法自动将生成的View添加到了这个ViewGroup root中去了!!

你可以inflate多个View,就可以看到下面这样样子了:

0x01 inflate详解

其实View.inflate方法是调用了LayoutInflater.from(context).inflate(resource, root, root != null)方法,而inflate方法的三个参数如下:

resource: 布局文件的id,比如R.layout.layout_menuitemroot:这是一个可选参数,resource布局文件中layout参数设置的参照物就是这个root,也就是说inflate方法会根据这个root的大小,将resource布局文件中layout_参数转换成一个LayoutParam对象attachToRoot:是否将这个生成的View添加到这个root中去

inflate方法会返回resource布局文件产生的View

上面栗子中调用了View.inflate(Context context, int resource, ViewGroup root),这个方法本质上是调用了了LayoutInflater.from(context).inflate(resource, root, root != null),在这个inflate方法中可以找到下面代码:

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

可见inflate方法自动将这个生成的View添加到了这个root中去了

0x02 实验

因为可以调用inflate方法的途径有很多,下面就来做实验总结一下:

实验0

布局文件R.layout.layout_menu_item 中android:layout_height="match_parent" 改为android:layout_height="10dp"

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View v1 = LayoutInflater.from(this).inflate(R.layout.layout_menu_item, null);
layout.addView(v1);

// 结果: layout_height = match_parent layout_width = match_parent

实验1

布局文件R.layout.layout_menu_item 中android:layout_height="match_parent" 改为android:layout_height="10dp"

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View v1 = LayoutInflater.from(this).inflate(R.layout.layout_menu_item, null);
layout.addView(v1, 200, 200);

// 结果: layout_height = 200 layout_width = 200

实验2

布局文件R.layout.layout_menu_item 中android:layout_height值改为match_parent

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View v1 = LayoutInflater.from(this).inflate(R.layout.layout_menu_item, layout, false);
layout.addView(v1);

// 结果: layout_height = match_parent layout_width = 80dp
// v1 = RelativeLayout 因为 attachRoot = false

实验3

布局文件R.layout.layout_menu_item 中android:layout_height值改为match_parent

LinearLayout layout = (LinearLayout)findViewById(R.id.container);
View v1 = LayoutInflater.from(this).inflate(R.layout.layout_menu_item, layout, true);
//layout.addView(v1);

// 结果: layout_height = match_parent layout_width = 80dp
// 不需要layout.addView, 因为设置attachRoot=true, 生成的View自动添加到root中去了
// v1 = root 因为 attachRoot = true

0x03 源码分析

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
public View inflate(XmlPullParser parser, ViewGroup root, boolean attachToRoot) {    synchronized (mConstructorArgs) {        Trace.traceBegin(Trace.TRACE_TAG_VIEW, "inflate");        final AttributeSet attrs = Xml.asAttributeSet(parser);        Context lastContext = (Context)mConstructorArgs[0];        mConstructorArgs[0] = mContext;        View result = root;        try {            // 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();                        if (DEBUG) {                System.out.println("**************************");                System.out.println("Creating root view: "                        + name);                System.out.println("**************************");            }            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, attrs, false);            } else {                // Temp is the root view that was found in the xml                View temp;                if (TAG_1995.equals(name)) {                    temp = new BlinkLayout(mContext, attrs);                } else {                    temp = createViewFromTag(root, name, attrs);                }                ViewGroup.LayoutParams params = null;                if (root != null) {                    if (DEBUG) {                        System.out.println("Creating params from root: " +                                root);                    }                    // 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);                    }                }                if (DEBUG) {                    System.out.println("-----> start inflating children");                }                // Inflate all children under temp                rInflate(parser, temp, attrs, true);                if (DEBUG) {                    System.out.println("-----> done inflating children");                }                // 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;                }            }        } catch (XmlPullParserException e) {            InflateException ex = new InflateException(e.getMessage());            ex.initCause(e);            throw ex;        } catch (IOException e) {            InflateException ex = new InflateException(                    parser.getPositionDescription()                    + ": " + e.getMessage());            ex.initCause(e);            throw ex;        } finally {            // Don't retain static reference on context.            mConstructorArgs[0] = lastContext;            mConstructorArgs[1] = null;        }        Trace.traceEnd(Trace.TRACE_TAG_VIEW);        return result;    }}

实验3的原因在inflate详解中已经介绍过了。

总之原因就在上面代码71-74行,布局文件R.layout.layout_menu_item生成的View会因为attachToRoot参数为true,就将这个生成的View添加到root中去,然后inflate方法会返回这个root的View

看上面代码54-60行,如果root不为null的话,就会为这个布局文件R.layout.layout_menu_item生成一个LayoutParam对象,如果attachToRoot参数为false,那么就将这个param对象给这个布局文件的View(看55行)。如果attachToRoot参数为true,那么就在上面代码第70行,将这个布局文件的View和param参数添加到root中。

0x04 总结

调用LayoutInflater.inflate方法,并且将root参数设置为null,就等于忽略了xml布局文件中的layout_×参数

如果root不为null,并且attachRoot=true,那么就会根据root生成一个布局文件View的LayoutParam对象,并且将这个View添加到root中去,并且返回这个root的View

因此,最好还是使用这个代码吧:View v1 = LayoutInflater.from(this).inflate(R.layout.layout_menu_item, layout, false);

参考

Making sense of LayoutInflater

Layout Inflation as Intended

标签: android

热门推荐