三个案例带你看懂LayoutInflater中inflate方法两个参数和三个参数的区别

最新推荐文章于 2020-08-08 21:00:19 发布

芒果蜜桃π

最新推荐文章于 2020-08-08 21:00:19 发布

阅读量364

点赞数

分类专栏： Android之路文章标签： layoutInflater

Android之路专栏收录该内容

134 篇文章 0 订阅

订阅专栏

转载于：三个案例带你看懂LayoutInflater中inflate方法两个参数和三个参数的区别 - CSDN博客 https://blog.csdn.net/u012702547/article/details/52628453

关于inflate参数问题，我想很多人多多少少都了解一点，网上也有很多关于这方面介绍的文章，但是枯燥的理论或者翻译让很多小伙伴看完之后还是一脸懵逼，so，我今天想通过三个案例来让小伙伴彻底的搞清楚这个东东。本篇博客我们不讲源码，只看使用。源码的解读会在下一篇博文中带来。

inflate方法从大范围来看，分两种，三个参数的构造方法和两个参数的构造方法。在这两类中又有细分，OK，那我们就把各种情况都来演示一遍。

1.三个参数的inflate方法

方法头如下：

[java] view plain copy

print ?

public View inflate(@LayoutRes int resource, @Nullable ViewGroup root, boolean attachToRoot)

public View inflate(@LayoutRes int resource, @Nullable ViewGroup root, boolean attachToRoot)

好，这里主要分为三种情况，分别来看

1.1 root不为null，attachToRoot为true

当root不为null，attachToRoot为true时，表示将resource指定的布局添加到root中，添加的过程中resource所指定的的布局的根节点的各个属性都是有效的。比如下面一个案例，我的Activity的布局如下：

[java] view plain copy

print ?

<?xml version=“1.0” encoding=“utf-8”?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”vertical”
android:id=”@+id/ll”
tools:context=”org.sang.layoutinflater.MainActivity”>
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/ll"
    tools:context="org.sang.layoutinflater.MainActivity">
</LinearLayout>

我还有一个布局linearlayout.xml如下：

[java] view plain copy

print ?

<?xml version=“1.0” encoding=“utf-8”?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:id=”@+id/ll”
android:layout_width=”200dp”
android:layout_height=”200dp”
android:background=”@color/colorPrimary”
android:gravity=”center”
android:orientation=”vertical”>
<Button
android:layout_width=”wrap_content”
android:layout_height=”wrap_content” />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="@color/colorPrimary"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

我现在想把这个linearlayout.xml布局文件添加到我的activity的布局中，那么我可以这么做：

[java] view plain copy

print ?

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
LayoutInflater inflater = LayoutInflater.from(this);
inflater.inflate(R.layout.linearlayout, ll,true);
}

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
        LayoutInflater inflater = LayoutInflater.from(this);
        inflater.inflate(R.layout.linearlayout, ll,true);
    }

小伙伴们注意到，这里我都没写将inflate出来的View添加到ll中的代码，但是linearlayout布局文件就已经添加进来了，这就是因为我第三个参数设置为了true，表示将第一个参数所指定的布局添加到第二个参数的View中。最终显示效果如下：

如果我作死多写这么一行代码，如下：

[java] view plain copy

print ?

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
LayoutInflater inflater = LayoutInflater.from(this);
View view = inflater.inflate(R.layout.linearlayout, ll, true);
ll.addView(view);
}

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
        LayoutInflater inflater = LayoutInflater.from(this);
        View view = inflater.inflate(R.layout.linearlayout, ll, true);
        ll.addView(view);
    }

这个时候再运行，系统会抛如下异常：

[java] view plain copy

print ?

java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child’s parent first.

java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.

原因就是因为当第三个参数为true时，会自动将第一个参数所指定的View添加到第二个参数所指定的View中。

1.2 root不为null，attachToRoot为false

如果root不为null，而attachToRoot为false的话，表示不将第一个参数所指定的View添加到root中，那么这个时候有的小伙伴可能就有疑问了，既然不添加到root中，那我还写这么多干嘛？我第二个参数直接给null不就可以了？其实不然，这里涉及到另外一个问题：我们在开发的过程中给控件所指定的layout_width和layout_height到底是什么意思？该属性的表示一个控件在容器中的大小，就是说这个控件必须在容器中，这个属性才有意义，否则无意义。这就意味着如果我直接将linearlayout加载进来而不给它指定一个父布局，则inflate布局的根节点的layout_width和layout_height属性将会失效（因为这个时候linearlayout将不处于任何容器中，那么它的根节点的宽高自然会失效）。如果我想让linearlayout的根节点有效，又不想让其处于某一个容器中，那我就可以设置root不为null，而attachToRoot为false。这样，指定root的目的也就很明确了，即root会协助linearlayout的根节点生成布局参数，只有这一个作用。OK，还是上面的布局文件，如果我想将之添加到activity的布局中又该如何呢？

[java] view plain copy

print ?

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
LayoutInflater inflater = LayoutInflater.from(this);
View view = inflater.inflate(R.layout.linearlayout, ll, false);
ll.addView(view);
}

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
        LayoutInflater inflater = LayoutInflater.from(this);
        View view = inflater.inflate(R.layout.linearlayout, ll, false);
        ll.addView(view);
    }

大家注意，这个时候我需要手动的将inflate加载进来的view添加到ll容器中，因为inflate的最后一个参数false表示不将linealayout添加到ll中。显示效果和上文一样，不再贴图。

1.3 root为null

当root为null时，不论attachToRoot为true还是为false，显示效果都是一样的。当root为null表示我不需要将第一个参数所指定的布局添加到任何容器中，同时也表示没有任何容器来来协助第一个参数所指定布局的根节点生成布局参数。我还是使用上文提到的linearlayout，我们来看下面一段代码：

[java] view plain copy

print ?

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
LayoutInflater inflater = LayoutInflater.from(this);
View view = inflater.inflate(R.layout.linearlayout, null, false);
ll.addView(view);
}

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
        LayoutInflater inflater = LayoutInflater.from(this);
        View view = inflater.inflate(R.layout.linearlayout, null, false);
        ll.addView(view);
    }

当第二个参数为null，第三个参数为false时（即使为true显示效果也是一样的，这里以false为例），由于在inflate方法中没有将linearlayout添加到某一个容器中，所以我需要手动添加，另外由于linearlayout并没有处于某一个容器中，所以它的根节点的宽高属性会失效，显示效果如下：

小伙伴们注意，这个时候不管我给linearlayout的根节点的宽高设置什么，都是没有效果的，它都是包裹button，如果我修改button，则button会立即有变化，因为button是处于某一个容器中的。

2.两个参数的inflate方法

两个参数的inflate方法就很简单了，我们来稍微看一点点源码：

[java] view plain copy

print ?

public View inflate(XmlPullParser parser, @Nullable ViewGroup root) {
return inflate(parser, root, root != null);
}

public View inflate(XmlPullParser parser, @Nullable ViewGroup root) {
        return inflate(parser, root, root != null);
    }

这是两个参数的inflate方法，大家注意两个参数实际上最终也是调用了三个参数。

两个参数的inflate方法分为 如下两种情况：

1.root为null，等同于1.3所述情况。

2.root不为null，等同于1.1所述情况。

3.为什么Activity布局的根节点的宽高属性会生效？

inflate方法我们已经说完了，小伙伴们可能有另外一个疑问，那为什么Activity布局的根节点的宽高属性会生效？其实原因很简单，大部分情况下我们一个Activity页面由两部分组成（Android的版本号和应用主题会影响到Activity页面组成，这里以常见页面为例），我们的页面中有一个顶级View叫做DecorView，DecorView中包含一个竖直方向的LinearLayout，LinearLayout由两部分组成，第一部分是标题栏，第二部分是内容栏，内容栏是一个FrameLayout，我们在Activity中调用setContentView就是将View添加到这个FrameLayout中，所以给大家一种错觉仿佛Activity的根布局很特殊，其实不然。

OK，以上就是对LayoutInflater中inflate方法的一个简单介绍，希望能够帮助到还没弄懂这个的小伙伴。

以上。