Android两级导航菜单栏的实现--FragmentTabHost结合ViewPager与Android 开源项目PagerSlidingTabStrip

http://www.cnblogs.com/aademeng/articles/6119737.html

转载注：简单总结一下，外层Tab用TabHost，类层Tab用Viepager+FramentStatePagerAdapter解决方案。

      本篇将使用PagerSlidingTabStrip 和ViewPager实现子Tab导航菜单栏的页面滑动。当然，你也可以直接把PagerSlidingTabStrip 和ViewPager放到项目中当做主Tab导航菜单栏使用，只要思路掌握了，就可以随心所欲的灵活运用了。

特别注明：本篇所使用的PagerSlidingTabStrip代码来自郭林。

       先看一下效果图（二级Tab导航菜单栏可以实现滑动）：

 

重写fragment_message.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:orientation="vertical" >

     <com.example.testbase.customer.PagerSlidingTabStrip
         android:id="@+id/tabs"
         android:layout_width="match_parent"
         android:layout_height="40dp" />

     <android.support.v4.view.ViewPager
         android:id="@+id/pager"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_below="@+id/tabs" />

 LinearLayout>

 

 

重写 FragmentMessage

 

 

 public class FragmentMessage extends Fragment {

     private SubFragment1 subFragment1;
     private SubFragment2 subFragment2;
     private SubFragment3 subFragment3;
     /**
      * PagerSlidingTabStrip的实例
      */
     private PagerSlidingTabStrip tabs;

     /**
      * 获取当前屏幕的密度
      */
     private DisplayMetrics dm;

     @Override
     public void onCreate(Bundle savedInstanceState) {// 在前面执行

         super.onCreate(savedInstanceState);
         // 获取参数
         Bundle bundle = getArguments();
         if (null != bundle) {
             //
         }
     }

     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         T.showShort(getActivity(), "FragmentMessage==onCreateView");
         View view = inflater.inflate(R.layout.fragment_message, null);

         initView(view);

         return view;
     }

     private void initView(View view) {

         dm = getResources().getDisplayMetrics();
         ViewPager pager = (ViewPager) view.findViewById(R.id.pager);
         tabs = (PagerSlidingTabStrip) view.findViewById(R.id.tabs);
         pager.setAdapter(new MyPagerAdapter(getChildFragmentManager()));
         tabs.setViewPager(pager);
         setTabsValue();

     }

     /**
      * 对PagerSlidingTabStrip的各项属性进行赋值。
      */
     private void setTabsValue() {
         // 设置Tab是自动填充满屏幕的
         tabs.setShouldExpand(true);
         // 设置Tab的分割线是透明的
         tabs.setDividerColor(Color.TRANSPARENT);
         // tabs.setDividerColor(Color.BLACK);
         // 设置Tab底部线的高度
         tabs.setUnderlineHeight((int) TypedValue.applyDimension(
                 TypedValue.COMPLEX_UNIT_DIP, 1, dm));
         // 设置Tab Indicator的高度
         tabs.setIndicatorHeight((int) TypedValue.applyDimension(
                 TypedValue.COMPLEX_UNIT_DIP, 4, dm));// 4
         // 设置Tab标题文字的大小
         tabs.setTextSize((int) TypedValue.applyDimension(
                 TypedValue.COMPLEX_UNIT_SP, 16, dm)); // 16
         // 设置Tab Indicator的颜色
         tabs.setIndicatorColor(Color.parseColor("#45c01a"));// #45c01a
         // 设置选中Tab文字的颜色 (这是我自定义的一个方法)
         tabs.setSelectedTextColor(Color.parseColor("#45c01a"));// #45c01a
         // 取消点击Tab时的背景色
         tabs.setTabBackground(0);
     }

     // FragmentPagerAdapter FragmentStatePagerAdapter //不能用FragmentPagerAdapter


     public class MyPagerAdapter extends FragmentStatePagerAdapter {

         public MyPagerAdapter(FragmentManager fm) {
             super(fm);
             // TODO Auto-generated constructor stub
         }

         private final String[] titles = { "SubOne", "SubTwo", "SubThree" };

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

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

         @Override
         public Fragment getItem(int position) {
             switch (position) {
             case 0:

                 if (null == subFragment1) {
                     subFragment1 = new SubFragment1();
                 }

                 return subFragment1;

             case 1:

                 if (null == subFragment2) {
                     subFragment2 = new SubFragment2();
                 }

                 return subFragment2;
             case 2:

                 if (null == subFragment3) {
                     subFragment3 = new SubFragment3();
                 }
                 subFragment1 = new SubFragment1();
                 return subFragment3;
             default:
                 return null;
             }
         }

     }
 }

 

 

再添加 SubFragment1（这里只给出一个，其它类似）

 

 public class SubFragment1 extends Fragment {

     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         T.showShort(getActivity(), "SubFragment1==onCreateView");
         TextView tv = new TextView(getActivity());
         tv.setTextSize(25);
         tv.setBackgroundColor(Color.parseColor("#FFA07A"));
         tv.setText("SubFragment1");
         tv.setGravity(Gravity.CENTER);
         return tv;
     }
 }

感觉没什么可写了……当然，你会发现切换ViewPager的时候，它所管理的Fragment生命周期很有意思，具体需求具体解决，方案很多……

 

Demo下载地址：http://download.csdn.net/detail/yalinfendou/8543965