简单的导航viewpager

下载PagerSlidingTabStrip        https://github.com/astuetz/PagerSlidingTabStrip

主界面：

 public class MainActivity extends FragmentActivity {

     private ViewPager viewPager;

     private PagerSlidingTabStrip tab;

     private String[] Titles={"页面一","页面二","页面三","页面四"};

     private DisplayMetrics dm;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

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

         viewPager.setAdapter(new TestAdapter(getSupportFragmentManager()));

         tab=(PagerSlidingTabStrip) findViewById(R.id.tabStrip);

         tab.setViewPager(viewPager);

         dm = getResources().getDisplayMetrics();

         // 设置填充满屏幕

         tab.setShouldExpand(true);

         // 设置分割线

         tab.setDividerColor(Color.TRANSPARENT);

         // 设置底部线的高度

         tab.setUnderlineHeight((int) TypedValue.applyDimension(

                 TypedValue.COMPLEX_UNIT_DIP, 1, dm));

         // 设置Indicator的高度

         tab.setIndicatorHeight((int) TypedValue.applyDimension(

                 TypedValue.COMPLEX_UNIT_DIP, 5, dm));

         // 标题文字的大小

         tab.setTextSize((int) TypedValue.applyDimension(

                 TypedValue.COMPLEX_UNIT_SP, 18, dm));

         // Indicator的颜色

         tab.setIndicatorColor(Color.parseColor("#569844"));

         // 设置选中文字的颜色

         tab.setSelectedTextColor(Color.parseColor("#569844"));

         // 点击的背景色

         tab.setTabBackground(0);

     }

     class TestAdapter extends FragmentPagerAdapter{

         public TestAdapter(FragmentManager fm) {

             super(fm);

             // TODO Auto-generated constructor stub

         }

         @Override

         public Fragment getItem(int position) {

             // TODO Auto-generated method stub

             PagerFragment fragment=new PagerFragment();

             Bundle bundle=new Bundle();

             bundle.putString("TITLE", Titles[position]);

             fragment.setArguments(bundle);

             return fragment;

         }

         @Override

         public int getCount() {

             // TODO Auto-generated method stub

             return Titles.length;

         }

         @Override

         public CharSequence getPageTitle(int position) {

             // TODO Auto-generated method stub

             return Titles[position];

         }

     }

 }

fragment类：

 public class PagerFragment extends Fragment {

     @Override

     public View onCreateView(LayoutInflater inflater, ViewGroup container,

             Bundle savedInstanceState) {

         // TODO Auto-generated method stub

         RelativeLayout layout=new RelativeLayout(getActivity());

         LayoutParams params=new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);

         layout.setLayoutParams(params);

         TextView text=new TextView(getActivity());

         text.setLayoutParams(params);

         text.setGravity(Gravity.CENTER);

         Bundle bundle=getArguments();

         String title=bundle.getString("TITLE");

         text.setText(title);

         layout.addView(text);

         return layout;

     }

 }

attr：

 <?xml version="1.0" encoding="utf-8"?>

 <resources>

     <declare-styleable name="PagerSlidingTabStrip">

         <attr name="pstsIndicatorColor" format="color" />

         <attr name="pstsUnderlineColor" format="color" />

         <attr name="pstsDividerColor" format="color" />

         <attr name="pstsIndicatorHeight" format="dimension" />

         <attr name="pstsUnderlineHeight" format="dimension" />

         <attr name="pstsDividerPadding" format="dimension" />

         <attr name="pstsTabPaddingLeftRight" format="dimension" />

         <attr name="pstsScrollOffset" format="dimension" />

         <attr name="pstsTabBackground" format="reference" />

         <attr name="pstsShouldExpand" format="boolean" />

         <attr name="pstsTextAllCaps" format="boolean" />

     </declare-styleable>

 </resources>