Android LayoutInflater 和 Fragment

LayoutInflater，在学习Android之后，我相信大家对它都有过一点了解，甚至有的说偶80%的Android程序员对它不了解，甚至用的时候会出错。在今天我就看了一下一些关于Android LayoutInflater的介绍和资料，在这里和大家分享一下。Fragment我们只是暂时借助一下用它编写案例。

说白了，LayoutInflater 的作用就是加载布局，和setContentView()的作用是一样的，在Activity中通常使用setContentView()方法来加载布局。其实setContentView()方法的内部也是使用LayoutInflater来加载布局的，只不过这部分源码是 internal 的，不太容易查看到。

在使用 LayoutInflater 时首先要创建他的实例，在创建他的实例的时候有两种方式：

一、

    LayoutInflater inflater=LayoutInflater.from(MainActivity.this);

二、

    LayoutInflater inflater= (LayoutInflater) MainActivity.this
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

其实这两种方法实现的是一样的效果。第一种方法就是第二种方法的简写。

我们在使用LayoutInflater 时就需要使用他的 inflate() 方法，其实inflate()方法在重载时会有四种调用方式：

1、public View inflate(int resource, ViewGroup root)

2、public View inflate(int resource, ViewGroup root, boolean attachToRoot)

3、public View inflate(XmlPullParser parser, ViewGroup root)

4、public View inflate(XmlPullParser parser, ViewGroup root, boolean attachToRoot)

这四种使用方式中，我们最常用的是第一种方式，inflate方法的主要作用就是将xml转换成一个View对象，用于动态的创建布局。虽然重载了四个方法，但是这四种方法最终调用的，还是第四种方式。第四种方式也很好理解，内部实现原理就是利用Pull解析器，对Xml文件进行解析，然后返回View对象。

在第一种方法中里面有两个参数，这两个参数分别代表的是：需要加载的布局文件 id 和 给该布局的外部嵌套一层父布局，如果不需要时直接传null即可。

我们就用QQ的界面做一个小小的样式案例：
首先我们先建立一个新的项目在布局activity_main.xml中写入如下控件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.a16783.testfragment.MainActivity">

    <FrameLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" />

    <android.support.v4.app.FragmentTabHost
    android:id="@+id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@color/colorAccent"/>
</LinearLayout>

然后在创建一个新的xml布局文件，命名为tab_content.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">

    <ImageView
    android:id="@+id/btn_icon"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:contentDescription="@null" />
</LinearLayout>

在项目drawable文件中，导入事先准备好的图标，然后在创建三个样式文件，对其选中时的样式和未选中时的样式进行修改，最后完成之后目录为：

在drawable文件里的xml文件内容为（只列举其中一个）：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/skin_tab_icon_conversation_selected" android:state_selected="true"/>
    <item android:drawable="@drawable/skin_tab_icon_conversation_normal" android:state_selected="false"/>

</selector>

然后我们就开始编写按钮所对应的布局的Java代码，（在这里用到了Fragment。Fragment是android.support.v4.app.Fragment; 包里面的。所以在编写程序时，需要导入所需的jar包。）我们在这里创建三个.java。分别取名为RedFragment.java,GreenFragment.java,BlueFragment.java.我们就拿其中一个代码作为案例，其余都一样，只是为了区分其对应的页面，其背景颜色不一样：

public class RedFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view =new View(getActivity());
    view.setBackgroundColor(Color.RED);
    return view;
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
}

}

创建完成后的目录结构为：

最后，我们在MainActivity.java 中继承的一定要是 FragmentActivity ，其代码是：

public class MainActivity extends FragmentActivity {

private FragmentTabHost tabHost;
private LayoutInflater inflater;
private Class[] fragments={RedFragment.class,GreenFragment.class,BlueFragment.class};
private String[] names={"消息","联系人","动态"};
private int[] icons={R.drawable.tab_msg,R.drawable.tab_friend,R.drawable.tab_plugin};
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    tabHost= (FragmentTabHost) findViewById(R.id.tabhost);
    inflater=LayoutInflater.from(MainActivity.this);
    LayoutInflater inflater= (LayoutInflater) MainActivity.this
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    //把TabHost和FragmeLayout绑定起来
    tabHost.setup(MainActivity.this,getSupportFragmentManager(),R.id.content);

    //给TabHost添加标签
    for (int i=0;i<names.length;i++){
        tabHost.addTab(tabHost.newTabSpec(names[i]).setIndicator(GetView(i)),fragments[i],null);
    }
    //去除TabHost之间的分割线(必须放在添加标签后，否则包空指针)
    tabHost.getTabWidget().setDividerDrawable(null);
}
//获取每个标签的布局
public View GetView(int index){
    View view=inflater.inflate(R.layout.tab_content,null);
    ImageView imageView= (ImageView) view.findViewById(R.id.btn_icon);
    imageView.setImageResource(icons[index]);
    return view;
}

}

我们来看一下这个最终的效果图案吧：