Android LayoutInflater

2016-05-29 本文已影响148人狮_子歌歌

原文出处：http://blog.csdn.net/guolin_blog/article/details/12921889

** 作为一名刚接触Android的，对LayoutInflater不怎么熟悉，因为加载布局的任务通常都是在Activity中调用setContentView()方法来完成的。其实setContentView()方法的内部也是使用LayoutInflater来加载布局的，只不过这部分源码是internal的，不太容易查看到。**

如何获取LayoutInflater实例

  LayoutInflater inflater = getLayoutInflater(); // 调用 Activity 的 getLayoutInflater();

LayoutInflater inflater = LayoutInflater.from(context);

LayoutInflater inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

其实第二种就是第三种的简单写法，只是Android给我们做了一下封装而已。

加载布局

layoutInflater.inflate(resourceId, root);

inflate()方法一般接收两个参数，第一个参数就是要加载的布局id，第二个参数是指给该布局的外部再嵌套一层父布局，如果不需要就直接传null。这样就成功成功创建了一个布局的实例，之后再将它添加到指定的位置就可以显示出来了。

项目实例

MainActivity对应的布局文件activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

</LinearLayout>

button_layout.xml

<Button xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button" >

</Button>

通过LayoutInflater来将button_layout这个布局添加到主布局文件的LinearLayout里
MainActivity.java

public class MainActivity extends Activity {

    private LinearLayout mainLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mainLayout = (LinearLayout) findViewById(R.id.main_layout);
        LayoutInflater layoutInflater = LayoutInflater.from(this);
        View buttonLayout = layoutInflater.inflate(R.layout.button_layout, null);
        mainLayout.addView(buttonLayout);
    }

}

这里首先获取到了LayoutInflater的实例，然后调用它的inflate()方法来加载button_layout这个布局，最后调用LinearLayout的addView()方法将它添加到LinearLayout中。
由此可见，LayoutInflater技术广泛应用于需要动态添加View的时候，比如在ScrollView和ListView中，经常都可以看到LayoutInflater的身影。

inflater方法的重载

inflate(int resource, ViewGroup root, boolean attachToRoot)

如果root为null，attachToRoot将失去作用，设置任何值都没有意义。
如果root不为null，attachToRoot设为true，则会给加载的布局文件的指定一个父布局，即root。
如果root不为null，attachToRoot设为false，则会将布局文件最外层的所有layout属性进行设置，当该view被添加到父view当中时，这些layout属性会自动生效。
在不设置attachToRoot参数的情况下，如果root不为null，attachToRoot参数默认为true。

现在我们把button_layout.xml里面的layout_width和layout_height属性赋值，使按钮变大。

<Button xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="300dp"
    android:layout_height="80dp"
    android:text="Button" >

</Button>

执行程序后无效果，这是为什么呢？
layout_width和layout_heigth其实是用于设置View在布局中的大小的，也就是说，首先View必须存在于一个布局中，之后如果将layout_width设置成match_parent表示让View的宽度填充满布局，如果设置成wrap_content表示让View的宽度刚好可以包含其内容，如果设置成具体的数值则View的宽度会变成相应的数值。
再来看一下我们调用的inflater函数，第二个root参数我们设定为null。所以在布局button_layout.xml设定的属性是没有作用的。解决方法：

private LinearLayout mainLayout;@Overrideprotected void onCreate(Bundle savedInstanceState) {    
    super.onCreate(savedInstanceState);    
    setContentView(R.layout.activity_main);    
    mainLayout = (LinearLayout) findViewById(R.id.main_layout);    
    View buttonView = 
    LayoutInflater.from(this).inflate(R.layout.button_layout, mainLayout);    
    ViewParent viewParent = buttonView.getParent();    
    Log.d(getClass().getSimpleName(), viewParent + "");    
    mainLayout.addView(buttonView);    
    Log.d(getClass().getSimpleName(), viewParent + "");
}

上述代码会抛出异常：java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.当inflater方法的第三个参数为true时，已经为button_layout.xml添加了父布局，再调用mainLayout.addView(buttonView);时会抛出该异常。
正确的解决方法：

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);    
    setContentView(R.layout.activity_main);
    mainLayout = (LinearLayout) findViewById(R.id.main_layout);
    View buttonView = LayoutInflater.from(this).inflate(R.layout.button_layout, mainLayout);
    ViewParent viewParent = buttonView.getParent();
    Log.d(getClass().getSimpleName(), viewParent + "");
}

或者：

protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mainLayout = (LinearLayout) findViewById(R.id.main_layout);
    View buttonView = LayoutInflater.from(this).inflate(R.layout.button_layout, mainLayout,false);
    ViewParent viewParent = buttonView.getParent();    Log.d(getClass().getSimpleName(), viewParent + "");
    mainLayout.addView(buttonView);
    Log.d(getClass().getSimpleName(), viewParent + "");
}

这时候有个疑问，平时在Activity中指定布局文件的时候，最外层的那个布局是可以指定大小，layout_width和layout_height都是有作用的。确实，这主要是因为，在setContentView()方法中，Android会自动在布局文件的最外层再嵌套一个FrameLayout，所以layout_width和layout_height属性才会有效果。修改MainActivity中的代码，如下所示：

public class MainActivity extends Activity{
    private LinearLayout mainLayout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mainLayout = (LinearLayout) findViewById(R.id.main_layout);
        ViewParent viewParent = mainLayout.getParent();
        Log.d(getClass().getSimpleName(), viewParent + "");
    }
}

可以看到，这里通过findViewById()方法，拿到了activity_main布局中最外层的LinearLayout对象，然后调用它的getParent()方法获取它的父布局，再通过Log打印出来。结果如下图所示：

D/MainActivity: android.widget.FrameLayout{152fb4d3 V.E..... ......I. 0,0-0,0 #1020002 android:id/content}

这个FrameLayout是Android系统自动为我们加上的。任何一个Activity中显示的界面其实主要都由两部分组成，标题栏和内容布局。标题栏就是在很多界面顶部显示的那部分内容，比如刚刚我们的那个例子当中就有标题栏，可以在代码中控制让它是否显示。而内容布局就是一个FrameLayout，这个布局的id叫作content，我们调用setContentView()方法时所传入的布局其实就是放到这个FrameLayout中的，这也是为什么这个方法名叫作setContentView()，而不是叫setView()。

FrameLayout.png

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