<?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" >

     <android.support.v4.view.ViewPager

         android:id="@+id/viewpager_main"

         android:layout_width="match_parent"

         android:layout_height="0dp"

         android:layout_weight="7" />

     <LinearLayout

         android:layout_width="match_parent"

         android:layout_height="0dp"

         android:layout_weight="1"

         android:orientation="horizontal" >

         <RelativeLayout

             android:id="@+id/rel_signin"

             android:layout_width="0dp"

             android:layout_height="match_parent"

             android:background="@color/tab_select_bg"

             android:layout_weight="1" >

             <Button

                 style="@style/tab_style"

                 android:id="@+id/tab_signin"

                 android:drawableTop="@drawable/my"

                 android:text="@string/signin"/>

         </RelativeLayout>

         <RelativeLayout

              android:id="@+id/rel_contact"

             android:layout_width="0dp"

             android:layout_height="match_parent"

             android:layout_weight="1" >

             <Button

                 android:id="@+id/tab_contact"

                 style="@style/tab_style"

                 android:drawableTop="@drawable/my"

                 android:text="@string/contact"></Button>

         </RelativeLayout>

         <RelativeLayout

              android:id="@+id/rel_search"

             android:layout_width="0dp"

             android:layout_height="match_parent"

             android:layout_weight="1" >

             <Button

                 android:id="@+id/tab_search"

                 style="@style/tab_style"

                 android:drawableTop="@drawable/my"

                 android:text="@string/searrch"></Button>

         </RelativeLayout>

         <RelativeLayout

              android:id="@+id/rel_earning"

             android:layout_width="0dp"

             android:layout_height="match_parent"

             android:layout_weight="1" >

             <Button

                 android:id="@+id/tab_earning"

                 style="@style/tab_style"

                 android:drawableTop="@drawable/my"

                 android:text="@string/earning"

                  />

         </RelativeLayout>

         <RelativeLayout

             android:id="@+id/rel_my"

             android:layout_width="0dp"

             android:layout_height="match_parent"

             android:layout_weight="1" >

             <Button

                  android:id="@+id/tab_my"

                  style="@style/tab_style"

                 android:drawableTop="@drawable/my"

                 android:text="@string/my"

                  />

         </RelativeLayout>

     </LinearLayout>

 </LinearLayout>

 package com.fragmentviewpagerdemo;

 import java.util.ArrayList;

 import java.util.List;

 import android.os.Bundle;

 import android.support.v4.app.Fragment;

 import android.support.v4.app.FragmentActivity;

 import android.support.v4.app.FragmentManager;

 import android.support.v4.app.FragmentPagerAdapter;

 import android.support.v4.view.ViewPager;

 import android.view.View;

 import android.widget.Button;

 import android.widget.RelativeLayout;

 import com.fragmentviewpagerdemo.fragment.MyFragment;

 public class MainActivity extends FragmentActivity {

     ViewPager viewpager_main;

     RelativeLayout rel_signin;

     RelativeLayout rel_contact;

     RelativeLayout rel_search;

     RelativeLayout rel_earning;

     RelativeLayout rel_my;

     Button tab_signin;

     Button tab_contact;

     Button tab_search;

     Button tab_earning;

     Button tab_my;

     private int currentPage = 0;

     private MyFragment signInFragment;

     private MyFragment searchFragment;

     private MyFragment contactFragment;

     private MyFragment earningFragment;

     private MyFragment myFragment;

     private List<RelativeLayout> mRelTabs;

     private List<Fragment> fragments;

     private List<Button> mTabs;// 按钮

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

         init();

         controlViewPager();

     }

     // 控制viewpager

     private void controlViewPager() {

         FragmentManager fm = getSupportFragmentManager();

         viewpager_main.setAdapter(new ViewPagerAdapter(fm));

         viewpager_main.setOnPageChangeListener(new pageChangeListener());

         for (int i = 0; i < mTabs.size(); i++) {

             final int index = i;

             mTabs.get(i).setOnClickListener(new View.OnClickListener() {

                 @Override

                 public void onClick(View v) {

                     setcurrent(index);

                     viewpager_main.setCurrentItem(index);

                 }

             });

         }

     }

     private void init() {

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

         rel_signin = (RelativeLayout) findViewById(R.id.rel_signin);

         rel_contact = (RelativeLayout) findViewById(R.id.rel_contact);

         rel_search = (RelativeLayout) findViewById(R.id.rel_search);

         rel_earning = (RelativeLayout) findViewById(R.id.rel_earning);

         rel_my = (RelativeLayout) findViewById(R.id.rel_my);

         tab_signin = (Button) findViewById(R.id.tab_signin);

         tab_contact = (Button) findViewById(R.id.tab_contact);

         tab_search = (Button) findViewById(R.id.tab_search);

         tab_earning = (Button) findViewById(R.id.tab_earning);

         tab_my = (Button) findViewById(R.id.tab_my);

         currentPage = 0;

         mTabs = new ArrayList<Button>();

         mTabs.add(tab_signin);

         mTabs.add(tab_contact);

         mTabs.add(tab_search);

         mTabs.add(tab_earning);

         mTabs.add(tab_my);

         mRelTabs = new ArrayList<RelativeLayout>();

         mRelTabs.add(rel_signin);

         mRelTabs.add(rel_contact);

         mRelTabs.add(rel_search);

         mRelTabs.add(rel_earning);

         mRelTabs.add(rel_my);

         signInFragment = new MyFragment("考勤", getResources().getColor(

                 R.color.fragment_1));

         searchFragment = new MyFragment("通讯录", getResources().getColor(

                 R.color.fragment_2));

         contactFragment = new MyFragment("查单", getResources().getColor(

                 R.color.fragment_3));

         earningFragment = new MyFragment("收入", getResources().getColor(

                 R.color.fragment_4));

         myFragment = new MyFragment("我的", getResources().getColor(

                 R.color.fragment_5));

         fragments = new ArrayList<Fragment>();

         fragments.add(signInFragment);

         fragments.add(contactFragment);

         fragments.add(searchFragment);

         fragments.add(earningFragment);

         fragments.add(myFragment);

     }

     /**

      * 设置导航图标均为未选中

      */

     private void setTabNotSelect() {

         rel_signin.setBackgroundColor(getResources().getColor(R.color.white));

         rel_contact.setBackgroundColor(getResources().getColor(R.color.white));

         rel_search.setBackgroundColor(getResources().getColor(R.color.white));

         rel_earning.setBackgroundColor(getResources().getColor(R.color.white));

         rel_my.setBackgroundColor(getResources().getColor(R.color.white));

     }

     // viewpager适配器

     class ViewPagerAdapter extends FragmentPagerAdapter {

         public ViewPagerAdapter(FragmentManager fm) {

             super(fm);

         }

         @Override

         public Fragment getItem(int arg0) {

             return fragments.get(arg0);

         }

         @Override

         public int getCount() {

             return fragments.size();

         }

     }

     // viewpager监听器

     class pageChangeListener implements ViewPager.OnPageChangeListener {

         @Override

         public void onPageScrollStateChanged(int arg0) {

         }

         @Override

         public void onPageScrolled(int arg0, float arg1, int arg2) {

         }

         @Override

         public void onPageSelected(int arg0) {

             setcurrent(arg0);

         }

     }

     // viewpager改变后更改其他控件

     private void setcurrent(int position) {

         currentPage = position;

         setTabNotSelect();

         mRelTabs.get(position).setBackgroundColor(

                 getResources().getColor(R.color.tab_select_bg));

     }

 }