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

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

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

<?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，动态设置了图片和标题内容并将其添加到主布局中

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 CSDN 博客");

                mainLayout.addView(mlayout);
            }
        });
    }

    private void initViews() {
        mBtn = (Button) findViewById(R.id.btn);
        mainLayout = (RelativeLayout) findViewById(R.id.main);
        mLayoutInflater = LayoutInflater.from(this);

    }

}

如果你把

LinearLayout mlayout = (LinearLayout) mLayoutInflater.inflate(R.layout.titlebar, mainLayout, false);中fasle改为true就会报错，这也印证了开篇所说的内容，使用的时候留点心吧！