Android Tab 控件详解及实例

Android Tab控件详解及实例

Tab控件是一种非常常见的UI控件，常被用于切换不同的功能模块。本文将详细讲解Android Tab控件的使用方法。

Tab控件简介

Tab控件常用于切换应用的不同功能模块。它的主要特点是，所有的Tab选项都在同一个屏幕上，用户可以轻松地切换不同的模块。常见的Tab控件有ActionBar Tab、PagerTab等。

ActionBar Tab

ActionBar Tab是Android原生的Tab控件。它常被用于应用程序的顶部，可以通过ActionBar.Tab的方式添加。用户可以通过滑动或者点击Tab选项卡来切换不同的页面。

1. ActionBar Tab的基本使用方法

ActionBar Tab的基本使用方法如下：

1. 在Activity中使用getActionBar()方法获得ActionBar对象；
2. 使用ActionBar.newTab()方法创建Tab对象；
3. 使用Tab.setText()方法设置Tab的文本；
4. 使用Tab.setTabListener()方法设置Tab的事件监听器。

下面是基本使用方法的代码示例：

ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

ActionBar.Tab tab1 = actionBar.newTab().setText("Tab1");
ActionBar.Tab tab2 = actionBar.newTab().setText("Tab2");

tab1.setTabListener(new MyTabListener());
tab2.setTabListener(new MyTabListener());

actionBar.addTab(tab1);
actionBar.addTab(tab2);

其中，MyTabListener是自定义的Tab事件监听器：

class MyTabListener implements ActionBar.TabListener {
    @Override
    public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
        // Tab选中时回调该方法
    }

    @Override
    public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
        // Tab取消选中时回调该方法
    }

    @Override
    public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
        // Tab已选中，再次点击时回调该方法
    }
}

2. ActionBar Tab的样式自定义

ActionBar Tab的样式可以通过自定义Tab布局文件实现。具体步骤如下：

1. 创建自定义的Tab布局文件；
2. 在Tab对象中使用Tab.setCustomView()方法设置自定义布局；
3. 在Tab事件监听器中对自定义布局中的控件进行初始化。

下面是自定义Tab布局文件custom_tab_view.xml的代码示例：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_gravity="center">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"/>

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TabTitle"/>

</LinearLayout>

下面是通过自定义布局文件的方法创建Tab对象的代码示例：

ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

ActionBar.Tab tab1 = actionBar.newTab();
tab1.setCustomView(R.layout.custom_tab_view);

ImageView imageView = (ImageView) tab1.getCustomView().findViewById(R.id.imageView);
TextView textView = (TextView) tab1.getCustomView().findViewById(R.id.textView);
imageView.setImageResource(R.drawable.tab_icon);
textView.setText("Tab1");

tab1.setTabListener(new MyTabListener());
actionBar.addTab(tab1);

PagerTab

PagerTab是Android提供的一种分页控件，它可以在一个页面中显示多个Tab页。常被用于实现滑动Tab页效果。PagerTab的使用方法与ActionBar Tab类似，只不过需要配合ViewPager一起使用。

1. PagerTab的基本使用方法

PagerTab的基本使用方法如下：

1. 在Activity中创建ViewPager控件；
2. 创建FragmentPagerAdapter或FragmentStatePagerAdapter对象；
3. 使用ViewPager.setAdapter()方法设置PagerAdapter对象；
4. 创建PagerTabStrip对象；
5. 使用ViewPager.addTab()方法添加Tab选项卡。

下面是基本使用方法的代码示例：

ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);

FragmentPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);

PagerTabStrip pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagerTabStrip);
pagerTabStrip.setTabIndicatorColor(Color.BLUE);

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout);
tabLayout.setupWithViewPager(viewPager);

其中，MyPagerAdapter是自定义的PagerAdapter对象：

class MyPagerAdapter extends FragmentPagerAdapter {

    private final String[] titles = {"Tab1", "Tab2"};

    public MyPagerAdapter(FragmentManager fragmentManager) {
        super(fragmentManager);
    }

    @Override
    public Fragment getItem(int position) {
        switch (position) {
            case 0:
                return new Tab1Fragment();
            case 1:
                return new Tab2Fragment();
            default:
                return null;
        }
    }

    @Override
    public int getCount() {
        return titles.length;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return titles[position];
    }
}

Tab1Fragment和Tab2Fragment分别是自定义的Fragment对象。

2. PagerTab的样式自定义

PagerTab的样式也可以通过自定义Tab布局文件实现。具体方法与ActionBar Tab的样式自定义相同。

上述示例代码中使用了TabLayout控件，它是一个新的tab控件，兼容平台API 7及以上的版本。使用方法十分简单，只需要在代码中设置和配置即可。

总结

本文主要讲述了Android Tab控件的使用方法，包括ActionBar Tab和PagerTab的相关内容，希望对大家有所帮助。