ActionBar的Tab模式

ActionBar
的Tab模式显示的效果如下图所示



ActionBar
进入Tab模式的方法
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
ActionBar
的Tab模式结合ViewPager,fragment
就可以达到以上效果
具体实现思路如下
<1> ActionBar
的Tab视图作为标签进行视图切换。
<2>ViewPager作为视图内容的容器，让视图可以进行滑动切换，并且将ViewPager的子视图和ActionBar的Tab对应起来。
<3> fragment
作为具体子视图的实现。
ActionBar
并不属于Activity窗口的contentView
里的一部分。它属于窗口的DecorView.我们将ViewPager设计为Activity窗口的contentView.具体实现代码如下。
ActionBarTabActivity.java

public class ActionBarTabActivity extends Activity implementsActionBar.TabListener{
private final String TAG = "ActionBarTabActivity";
private ViewPager mViewPager;
private TabPageViewAdapter mViewPagerAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getOverflowMenu();
setContentView(R.layout.activity_action_bar_tab);
getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
initViewPager();
initActionBarTab();
}

public void initViewPager() {
mViewPager = (ViewPager) findViewById(R.id.tabPager);
mViewPagerAdapter = newTabPageViewAdapter(this.getFragmentManager());
mViewPager.setAdapter(mViewPagerAdapter);
mViewPager.setOnPageChangeListener(newViewPager.OnPageChangeListener(){
@Override
public void onPageScrolled(int i, float v, int i2) {

}

@Override
public void onPageSelected(int i) {
getActionBar().setSelectedNavigationItem(i);

}

@Override
public void onPageScrollStateChanged(int i) {

}
});

}
public void initActionBarTab(){
ActionBar.Tab drawingTab=getActionBar().newTab();
drawingTab.setContentDescription(R.string.drawingroom);
drawingTab.setText(R.string.drawingroom);
drawingTab.setTabListener(this);
getActionBar().addTab(drawingTab);
ActionBar.Tab bedroomTab=getActionBar().newTab();
bedroomTab.setContentDescription(R.string.bedroom);
bedroomTab.setText(R.string.bedroom);
bedroomTab.setTabListener(this);
getActionBar().addTab(bedroomTab);
ActionBar.Tab studyTab=getActionBar().newTab();
studyTab.setContentDescription(R.string.study);
studyTab.setText(R.string.study);
studyTab.setTabListener(this);
getActionBar().addTab(studyTab);

}

public class TabPageViewAdapter extends FragmentPagerAdapter {

public TabPageViewAdapter(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int i) {

return new PlaceholderFragment(i);
}

@Override
public int getCount() {
return 3;
}
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if itis present.
getMenuInflater().inflate(R.menu.action_bar_tab, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}

@Override
public void onTabSelected(ActionBar.Tab tab, FragmentTransactionft) {
mViewPager.setCurrentItem(tab.getPosition());

}

@Override
public void onTabUnselected(ActionBar.Tab tab,FragmentTransaction ft) {

}

@Override
public void onTabReselected(ActionBar.Tab tab,FragmentTransaction ft) {

}

/**
* A placeholder fragment containing a simple view.
*/
public static class PlaceholderFragment extends Fragment {
public int index;

public PlaceholderFragment(int index) {
this.index=index;
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroupcontainer,
Bundle savedInstanceState) {
View rootView =inflater.inflate(R.layout.fragment_action_bar_tab, container, false);
TextView tabContent=(TextView)rootView.findViewById(R.id.tab_content);
tabContent.setText(index+"");
return rootView;
}
}
private void getOverflowMenu() {

try {
ViewConfiguration config = ViewConfiguration.get(this);
Field menuKeyField =ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
if (menuKeyField != null) {
menuKeyField.setAccessible(true);
menuKeyField.setBoolean(config, false);
}
} catch (Exception e) {
e.printStackTrace();
}
}
}

activity_action_bar_tab.xml
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="name.lushuai.android.application.study.ui.actionbar.ActionBarTabActivity"
tools:ignore="MergeRootFrame"
>
<android.support.v4.view.ViewPager
android:id="@+id/tabPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>

</FrameLayout>
当然你可以参考Eclipse或者Android-Studio
中的实例代码或者APIDemo
中的实例代码。