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 中的实例代码。