LayoutInflater和inflate的用法，有图有真相

最新推荐文章于 2022-04-04 22:32:49 发布

weixin_34331102

最新推荐文章于 2022-04-04 22:32:49 发布

阅读量108

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 java

原文链接：https://yq.aliyun.com/articles/48723

本文详细介绍了如何在Android中使用LayoutInflater和inflate方法动态加载布局文件，并通过示例展示了如何在Activity中加载和操作另一个布局文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、概述

有时候在我们的Activity中用到别的layout，并且要对其组件进行操作，比如：

A.acyivity是获取网络数据的，对应布局文件为A.xml，然后需要把这个数据设置到B.xml的组件上，咋办？这时候你就需要使用inflate()方法了

2、LayoutInflater和inflate的用法

2.1、LayoutInflater

【LayoutInflater】其实是在res/layout/下找到xml布局文件，并且将其实例化，对于一个没有被载入或者想要动态载入的界面，都需要使用LayoutInflater.inflate()来载入；

【findViewById】是找出xml布局文件下的具体widget控件(如Button、TextView等)通常是对于一个已经载入的界面，就可以使用Activiyt.findViewById()方法来获得其中的界面元素。

在获取布局之前首先要对LayoutInflater进行实例化，通常有以下三种方式

【1】 LayoutInflater inflater = getLayoutInflater();//调用Activity的getLayoutInflater()
【2】LayoutInflater inflater = LayoutInflater.from(context);
【3】 LayoutInflater inflater = (LayoutInflater)context.getSystemService (Context.LAYOUT_INFLATER_SERVICE);

其实这三种方式的本质都是相同的，getLayoutInflater()——>调用LayoutInflater.from(context)——>调用context.getSystemService()，最终还是调用底层service服务

2.2、inflate

inflate就相当于将一个xml中定义的布局找出来，常用方法

【1】inflate(int resource,null)

【2】inflate(int resource, ViewGroup root, boolean attachToRoot)方法三个参数的含义

参数一 resource：需要加载布局文件的id，意思是需要将这个布局文件中加载到Activity中来操作。

参数二 root：需要附加到resource资源文件的根控件，什么意思呢，就是inflate()会返回一个View对象，如果第三个参数attachToRoot为true，就将这个root作为根对象返回，否则仅仅将这个root对象的LayoutParams属性附加到resource对象的根布局对象上，也就是布局文件resource的最外层的View上，比如是一个LinearLayout或者其它的Layout对象。

参数三 attachToRoot：是否将root附加到布局文件的根视图上，要是设置为true的话必须是前面俩个布局类型一致，比如同为线程布局或者同为相对布局。否则会报错

3、实例

通过button加载另外一个A布局文件到主布局上，并且通过inlfate对A布局控件做了设置，下图所示：

主布局文件，注意这里是相对布局，很简单一个button

[html]view plaincopy
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:id="@+id/main"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical"  
    tools:context=".MainActivity">  
  
  
    <Button  
        android:id="@+id/btn"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentBottom="true"  
        android:layout_centerHorizontal="true"  
        android:layout_gravity="center_horizontal"  
        android:text="加载Titlebar" />  
  
</RelativeLayout>  

titleBar布局，使用了一个自定义圆形图片控件，加了一些效果，这里图片和文字内容都是默认，并不是上图显示的内容

[html]view plaincopy
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/Titlebar"  
    android:layout_width="match_parent"  
    android:layout_height="wrap_content"  
    android:background="@color/lightblue"  
  
  
    >  
    <!--使用自定义圆形控件-->  
    <com.elvis.layoutinflatedemo.CircleImageView  
        android:id="@+id/pic"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_vertical"  
        android:layout_marginLeft="10dp"  
        android:layout_marginRight="4dp"  
        android:src="@drawable/ic_launcher" />  
    <!--分割线效果-->  
    <ImageView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_vertical"  
        android:layout_marginLeft="6dp"  
        android:layout_marginRight="6dp"  
        android:src="@drawable/bar_divider" />  
    <!--Title文本-->  
    <TextView  
        android:id="@+id/mytitle"  
        android:layout_width="0dp"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_vertical"  
        android:layout_marginLeft="6dp"  
        android:layout_weight="1"  
        android:text="模拟显示Title"  
        android:textSize="20sp"  
        android:textStyle="bold" />  
  
  
</LinearLayout>  

MainActivty，动态设置了图片和标题内容并将其添加到主布局中

[java]view plaincopy
public class MainActivity extends AppCompatActivity {  
    private LayoutInflater mLayoutInflater;  
    private RelativeLayout mainLayout;  
    private Button mBtn;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        initViews();  
        initEvents();  
  
    }  
  
    private void initEvents() {  
        mBtn.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                //点击动态加载布局  
                LinearLayout mlayout = (LinearLayout) mLayoutInflater.inflate(R.layout.titlebar, mainLayout, false);  
                //LinearLayout mlayout = (LinearLayout) mLayoutInflater.inflate(R.layout.titlebar, null);  
                //获取对应titleBar下的CircleImageView控件  
                CircleImageView myPic = (CircleImageView) mlayout.findViewById(R.id.pic);  
                CircleImageView myPic1 = (CircleImageView) findViewById(R.id.pic);  
                myPic.setImageResource(R.drawable.pic);  
                //获取对应titlebar下的TextView控件  
                TextView tx = (TextView) mlayout.findViewById(R.id.mytitle);  
                tx.setText("xsfelvis 优快云 博客");  
  
                mainLayout.addView(mlayout);  
            }  
        });  
    }  
  
    private void initViews() {  
        mBtn = (Button) findViewById(R.id.btn);  
        mainLayout = (RelativeLayout) findViewById(R.id.main);  
        mLayoutInflater = LayoutInflater.from(this);  
  
    }  
  
}  