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就会报错，这也印证了开篇所说的内容，使用的时候留点心吧！