安卓开发文档学习笔记之实现ActionBar中Tab导航

上篇文章说到如何在安卓项目中添加ActionBar（前文请戳这里），在添加完ActionBar以后，就能够用它作一些更加有趣的事情了，好比这篇文章要说的Tab导航。

首先，上一张官方文档的Tab导航展现图

图1 Tab导航展现
如图所示，Tab导航通常位于ActionBar的下方，一般由三个Tabs组成（固然选项卡的数量是能够自定义的），其中每一个Tab关联一个Fragment，经过在不一样Tab间的切换，能够实现Fragment的交替显示。
接下来，就是添加Tab导航的详细步骤
1.为ActionBar设置导航模式
ActionBar的导航模式一共有三种（List,Standard,Tabs文档介绍）经过在Activity里调用ActionBar的setNavigationMode()方法来设置具体的导航模式，示例代码以下:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // setContentView(R.layout.activity_main);// 使用Tab导航能够不用设置根视图(root view),文章后面会作解释
    ActionBar actionBar = getSupportActionBar();// 若是不使用Android Support Library, 则调用getActionBar()方法
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);// NAVIGATION_MODE_TABS常量表示Tab导航模式
    actionBar.setDisplayShowTitleEnabled(true);// 这里的Title显示的是Activity的android:label属性指定的文字，也就是图1中”Google Play”
　　}

2.添加Tab
先贴示例代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // setContentView(R.layout.activity_main);
    ActionBar actionBar = getSupportActionBar();
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    actionBar.setDisplayShowTitleEnabled(true);

    Tab tab = actionBar.newTab().setText("第一项").setTabListener(this);
    actionBar.addTab(tab);
    tab = actionBar.newTab().setText("第二项").setTabListener(this);
    actionBar.addTab(tab);
    tab = actionBar.newTab().setText("第三项").setTabListener(this);
    actionBar.addTab(tab);
　　}

能够看出，添加一个Tab只须要两个步骤——(1)定义一个Tab对象;(2)调用ActionBar的addTab(Tab tab)方法。但这里须要注意的一点就是Tab事件监听器的设置，Tab导航的事件监听类ActionBar.TabListener总共有三个抽象方法:

@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
// Tab选中时要执行的代码
}

@Override
public void onTabUnselected(Tab tab, FragmentTransaction ft) {
// Tab离开选中状态时执行的代码
}
@Override
public void onTabReselected(Tab tab, FragmentTransaction ft) {
// Tab被选中后用户再次选中该Tab所执行的代码，一般不作任何事情
}

这三个方法须要注意的是FragmentTransaction参数的使用(文档介绍)。往FragmentTransaction添加Fragment能够用两种方法add()或者attach()，add()有三个重载方法，但这里咱们只看add(int containerViewId, Fragment fragment, [String tag])里的第一个参数containerViewId，根据名字能够知道这个参数表示Fragment所在容器ViewGroup的Id。也就是说，在Activity调用setContentView()所设置的根视图里，至少要包含一个ViewGroup，而且该ViewGroup须要有一个id。可是若是是Fragment所要展现的内容会填满整个Tab，那么就能够省去setContentView()方法，并用android.R.id.content来设置containerViewId，以下面代码所示:

@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
    switch (tab.getPosition()) {
    case 0:
        BlackFragment bf = new BlackFragment();
        ft.add(android.R.id.content, bf);
//      ft.commit();
        break;
    case 1:
        GreenFragment gf = new GreenFragment();
        ft.add(android.R.id.content, gf);
//      ft.commit();
        break;
    case 2:
        WhiteFragment wf = new WhiteFragment();
        ft.add(android.R.id.content, wf);
//      ft.commit();
        break;
    default:
        break;
    }
}

由于系统会自动调用ft.commit()方法，因此这里再次调用的话会抛出java.lang.IllegalStateException。同时若是但愿在Tab切换时Fragment能保存上一次离开时的状态，那么应该使用attach(Fragment fragment)方法，关于add()和attach()详细的使用方法，请参考文档介绍。
下面是Fragment代码和三张Tab导航的效果图

public class BlackFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        LinearLayout colorLayout = new LinearLayout(getActivity());
        LinearLayout.LayoutParams ll = new LayoutParams(
                LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
        colorLayout.setBackgroundColor(Color.BLACK);
        colorLayout.setLayoutParams(ll);
        return colorLayout;
    }
}