LayoutInflater.inflate全面解读

于 2024-01-27 09:58:55 发布
阅读量1.2k 收藏 27
点赞数 22
分类专栏： Android 文章标签： Android LayoutInflater infalte
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangshuny/article/details/135878962
版权

方法解析

LayoutInflater.inflate() 是 Android 系统中用于将 XML 布局文件转换成相应的 View 的方法。在 Android 开发中，我们经常使用此方法来动态创建和填充布局。

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

参数含义：

  1. int resource: 这是要加载的 XML 布局资源 ID；

  2. ViewGroup root: 可选的 ViewGroup 参数，它作为新创建View的父容器。如果提供了父容器，inflate 过程会考虑父容器的 LayoutParams，并可能根据需要调整新创建视图的属性；

  3. boolean attachToRoot: 是否应将新创建的View立即附加到提供的父容器中。如果为 true，则新生成的视图层次结构会立即添加到父容器内；反之则不会立即附加，但可以手动添加。

inflate两个参数的方法内部调用了三个参数的方法，有如容器就把生成的View添加到父容器中，反之就不添加。
在这里插入图片描述
以下示例演示以三个参数来演示

示例

创建一个简单的Activity来演示，activity_main是一个ConstraintLayout布局，宽高都是match_parent，背景颜色是绿色
item_test是要inflate的布局，宽高分别是300dp和100dp，颜色是蓝色，在约束布局中居中显示

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val clContainer = findViewById<ConstraintLayout>(R.id.cl_container)
    }
}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/cl_container"
    android:background="@color/design_default_color_secondary_variant"
    tools:context=".MainActivity">
</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="300dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/design_default_color_primary"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    android:layout_height="100dp">

</LinearLayout>

root不为null，attachToRoot为true

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val clContainer = findViewById<ConstraintLayout>(R.id.cl_container)
        val view = LayoutInflater.from(this).inflate(R.layout.item_test, clContainer, true)
    }
}

效果：view在父容器中居中显示
在这里插入图片描述

root不为null，attachToRoot为false

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val clContainer = findViewById<ConstraintLayout>(R.id.cl_container)
        val view = LayoutInflater.from(this).inflate(R.layout.item_test, clContainer, false)
    }
}

效果：view未添加到父容器clContainer中
在这里插入图片描述
手动添加View

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val clContainer = findViewById<ConstraintLayout>(R.id.cl_container)
        val view = LayoutInflater.from(this).inflate(R.layout.item_test, clContainer, false)
        clContainer.addView(view)
    }
}

效果：view被手动添加到父容器clContainer，居中显示
在这里插入图片描述

root为null

root为null，attachToRoot参数已经没有意义了，所以不用考虑

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val clContainer = findViewById<ConstraintLayout>(R.id.cl_container)
        val view = LayoutInflater.from(this).inflate(R.layout.item_test, null, false)
        clContainer.addView(view)
    }
}

效果：为什么不显示item_test的蓝色方块呢？因为root为null，inflate 过程会不能参照父容器的 LayoutParams来进行了，也就是，所以无法生成相应的布局参数，宽高属性会失效。
在这里插入图片描述
如果我们在item_test布局里添加一个Image，会发现布局会包裹ImageView，因为ImageView会处于容器LinearLayout中ImageView宽高有效

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="300dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/design_default_color_primary"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    android:layout_height="100dp">
    <ImageView
        android:src="@mipmap/ic_launcher"
        android:layout_width="60dp"
        android:layout_height="60dp"/>
</LinearLayout>

在这里插入图片描述

关于The specified child already has a parent异常

众所周知，Android中每个View只能有一个父View，如果需要再一个新的父View中使用该View,需要先把该View在当前的父View中删除才行。

如果inflate已经帮我们将View添加到父容器了，我们又手动addView了，该View机会有两个父View。所以会出现 java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child’s parent first。

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val clContainer = findViewById<ConstraintLayout>(R.id.cl_container)
        val view = LayoutInflater.from(this).inflate(R.layout.item_test, clContainer, true)
        clContainer.addView(view)
    }
}

源码分析

我们从常见的ListView场景来分析

public class ListAdapter extends ArrayAdapter<String> {

    private int mrescourceId;

    public ListAdapter(@NonNull Context context, int resource, @NonNull List<String> objects) {
        super(context, resource, objects);
        this.mrescourceId = resource;

    }
    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        String item = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(mrescourceId, parent, false);
        TextView textView = view.findViewById(R.id.tv_item_name);
        textView.setText(item);
        return view;
    }
}

布局文件中假设我想让item的宽度是100dp，那我设置根布局ConstraintLayout宽度是100dp

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <TextView
        android:background="@color/colorAccent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        android:id="@+id/tv_item_name"
        android:layout_width="match_parent"
        android:layout_height="60dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>

布局效果
在这里插入图片描述
运行效果
在这里插入图片描述
运行效果和我们设置的一样。那如果我将inflate的第二个参数改为null会有什么效果
在这里插入图片描述
在这里插入图片描述
item的高度包裹内容，没问题，宽度竟然占满全屏了？为什么宽度不是包裹内容呢？
来看源码：

    public View inflate(XmlPullParser parser, @Nullable ViewGroup root, boolean attachToRoot) {
    	…………
        synchronized (mConstructorArgs) {
		…………
            try {
                
                final String name = parser.getName();
		…………
                if (TAG_MERGE.equals(name)) {
		…………
                } else {
                    // 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) {
                        if (DEBUG) {
                            System.out.println("Creating params from root: " +
                                    root);
                        }
                        // 当root!=null且attachToRoot=false的时候，
                        //获取了布局文件的布局参数，然后设置给了创建好的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);
                        }
                    }

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

            } catch (XmlPullParserException e) {
               …………
            } catch (Exception e) {
               …………
            } finally {
               …………
            }

            return result;
        }
    }

当我们调用inflate方法后，将会把布局文件传入XmlPullParser，然后调用上面的方法，root和attachToRoot分别是传入的null和false。

createViewFromTag

首先注意上面方法中的createViewFromTag，它的作用是反射调用根布局View的2个参数的构造方法，来创建View。
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

root.generateLayoutParams(attrs)

在inflate方法源码中我们看到，当root!=null的时候，获取了布局文件的布局参数，然后设置给了创建好的View
在这里插入图片描述
看到这里，基本可以明白为什么第一次root传parent且attachToRoot=false的时候，设置的100dp是有效的了，因为创建完ConstraintLayout之后立即给其设置了布局参数LayoutParams

那为什么root=null且attachToRoot=false的时候，列表的item是充满屏幕的呢？

由于View是在Adapter中创建的，肯定不是创建时造成的，因为上面View的创建过程已经分析了。

那么首先想到的是哪里用到这个View，adapter肯定是在ListView或者RecyclerView中使用，由于我的demo中使用的是ArrayAdapter搭配ListView，那看下ListView的代码
查看ListView中哪里用到getView方法了：
在这里插入图片描述
我们查看setItemViewLayoutParams方法
在这里插入图片描述
上面方法中，由于adapter在创建view的过程中root = null，所创建的View没有设置布局参数所以走generateDefaultLayoutParams方法

查看generateDefaultLayoutParams方法
在这里插入图片描述
创建了一个宽是ViewGroup.LayoutParams.MATCH_PARENT
高是ViewGroup.LayoutParams.WRAP_CONTENT的布局参数。

然后在setItemViewLayoutParams方法中通过child.setLayoutParams(lp);设置给了item的根布局，最终造成了item的宽度不是100dp而是占满全屏。
而且item的高度其实也是包裹内容的，只是我设置了TextView的高度是60dp。

川川~
关注
专栏目录
【kotlin】使用Data Binding将数据绑定到UI控件再使用RxBindings处理UI事件，实现双向数据流和响应式编程【附源码】
资深全栈开发工程师
06-16 1517
使用data binding可以让RecyclerView自动更新数据，而不需要手动调用notifyDataSetChanged()方法。当数据发生变化时，data binding会自动更新UI并刷新RecyclerView。
【android】RecyclerListView、RecyclerPagerSnapHelper、AsyncLayoutInflater、setMaxRecycledViews的使用方法
最新发布
资深全栈开发工程师
06-15 373
RecyclerView 是 Android 中一个高效的列表控件，但是在使用过程中可能会出现卡顿、内存泄漏等问题，为了避免这些问题，Android 在不同版本中陆续提供了一些优化 RecyclerView 内存的措施：Android 7.0（API 24）：引入了，它允许将 RecyclerView 的视图缓存移出堆内存，并采用了更高效的视图绑定方式，以提高性能和减少内存使用。Android 7.1（API 25）：引入了。
【android】LayoutInflater.inflate方法的详解及xml根元素的布局参数不起作用的问题
u011494050的专栏
01-09 3922
一、首先看带三个参数的inflate方法： public View inflate (int resource, ViewGroup root, boolean attachToRoot) 1、如果root不为null,且attachToRoot为TRUE，则会在加载的布局文件的最外层再嵌套一层root布局，这时候xml根元素的布局参数当然会起作用。 2、如果root不为null,且atta
Android编程之LayoutInflater的inflate方法详解
wurensen的专栏
05-22 449
LayoutInflater的inflate方法，在fragment的onCreateView方法中经常用到： [java] view plaincopy public View onCreateView(LayoutInflater inflater, ViewGroup container,           Bundle savedIn
android LayoutInflater.inflate详解
jian_csdn的专栏
02-02 1255
LayoutInflater概述 从XML文件中实例化一个布局成对应的View类， 它从来不会直接使用， 而是使用getLayoutInflater()或者getSystemService(String)来获得一个对应当前context的标准LayoutInflater 实例。 例如：　　　　 1 2 3 LayoutInfl
LayoutInflater和inflate()
weixin_30418341的博客
10-20 117
LayoutInflater LayoutInflater抽象类是用来加载XML布局文件(UI界面)的. 作用： 1、对于一个没有被载入或者想要动态载入的界面，都需要使用LayoutInflater.inflate()或View.inflate()来载入,然后也可以通过findByIdView()获取界面的元素； 2、对于一个已经通过setContentView()载入的界面，就可...
LayoutInflater的inflate函数用法详解
青春的光与影
06-13 1035
LayoutInflater作用是将layout的xml布局文件实例化为View类对象。 获取LayoutInflater的方法有如下三种: LayoutInflater inflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); View layout = inflater.inf
ym——Andorid-15k+的面试题。
热门推荐
陈宇明
08-07 2万+
最近才开的博客，希望大家多多关注，andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。学完本人博客发表《ym--andorid从零开始教程》+面试题目全理解，年薪18w以上绝对没问题。 特别献上整理过的50道面试题目 1.listView的优化方式 重用conve
总结UI原理和高级的UI优化方式
Android061503的博客
07-01 702
不知道UI原理如何做UI优化？ 本文内容分为三个部分，UI原理、LayoutInflater原理、UI优化，篇幅有点长，可以选择自己喜欢的章节进行阅读，每一个部分最后都有小结。 相信大家多多少少看过一些Activity启动源码分析的文章，也能大概说出Activity启动流程，例如这种回答： AMS负责管理系统所有Activity，所以应用startActivity 最终会通过Binder调用到AMS的startActivity方法，AMS启动一个Activity之前会做一些检查，例如权限、是否在清单文件注
【Android】 频繁刷新 RecyclerView导致View 对象引用过多引起的Native 内存占用过大解决办法
资深全栈开发工程师
06-13 1013
在 RecyclerView 中，如果频繁刷新 RecyclerView，可能会导致 Native 内存中有大量的 TextView 对象，从而导致内存占用过多的问题。在 RecyclerView 中，使用 ViewHolder 可以避免频繁创建和销毁 View 对象，从而减少内存占用。在 RecyclerView 中，使用 DiffUtil 可以避免不必要的刷新操作，从而减少内存占用。这样就可以使用 DiffUtil 来避免不必要的刷新操作，从而减少内存占用。
LayoutInflater.inflate()详解
FadePeople
08-06 2106
学习自定义View一段时间了，从开始的一窍不通到现在终于能写出点东西了，前面也写过几篇关于自定义view的博客，但是感觉这东西吧，一天不敲又忘记了，所以准备写一篇...
LayoutInflater.inflate方法解析
夏皓
02-03 2804
LayoutInflater.inflate方法应该是Android程序员最常使用的方法之一了，但是如果使用不当，你会碰见很多的坑。。。今天我就碰到了一个，我找到了解决方法，也打算把它记下来。。。 事情是这样的，我有一个LineaLayout，然后在代码中会inflate若干个View添加到这个LineaLayout中，但是坑出现了。。。 0x00 一个栗子 需要添加到Lin
【转】LayoutInflater——80%的Android程序员对它并不了解甚至错误使用
weixin_33854644的博客
08-11 243
这个标题起的有点夸张哈，但是LayoutInflater这个类的一些用法，在Android开发者使用的过程中，确实存在着一些很普遍的误区，最起码我研究的这么多小项目的源代码，基本上都在错误的使用这个类。今天，看到了一篇文章讲LayoutInflater的用法，瞬间感觉自己对这个类确实不够了解，于是简单的看了下LayoutInflater类的源代码，对这个类有了新的认识。 首先，LayoutInf...
LayoutInflater.inflate()方法的介绍
我的IT技术杂谈
11-09 290
最近一直想弄明白LayoutInflater对象的inflate方法的用法，今天做了实例。 &lt;LinearLayout android:id="@+id/ll_item_Group" android:layout_width="match_parent" android:layout_height="200dp" ...
三个案例带你看懂LayoutInflater中inflate方法两个参数和三个参数的区别
weixin_30687051的博客
09-23 1136
关于inflate参数问题，我想很多人多多少少都了解一点，网上也有很多关于这方面介绍的文章，但是枯燥的理论或者翻译让很多小伙伴看完之后还是一脸懵逼，so，我今天想通过三个案例来让小伙伴彻底的搞清楚这个东东。本篇博客我们不讲源码，只看使用。源码的解读会在下一篇博文中带来。inflate方法从大范围来看，分两种，三个参数的构造方法和两个参数的构造方法。在这两类中又有细分，OK，那我们就把各种情况都...
LayoutInflater的inflate方法使用
从技术到艺术
07-20 3669
Android动态添加布局时经常会用到LayoutInflater的inflate(int resource, ViewGroup root, boolean attachToRoot) 方法，但是inflate方法的后两个参数很让我疑惑。 官方文档的解释如下： 翻译成中文的大概意思是： 如果attachToRoot为true，可选视图是生成的层次结构的父级，如果attachToRoo...
LayoutInflater.inflate详解
敲键盘的呼伦贝尔人
10-24 2319
###介绍常见inflate方法 在日常开发中经常会用到通过资源id去获取view的场景，我们通常有四种方式去获取view，分别是以下四种： ``` //1,通过系统服务获取布局加载器 LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值