Android ViewPager加Fragment实现滑动或者点击页面切换

1.布局文件添加android.support.v4.ViewPager

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.yuf.myapplication.MainActivity">

    <LinearLayout
        android:id="@+id/vp_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <TextView
            android:id="@+id/title_tv_recomend"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text=""
            android:layout_weight="1"
            android:gravity="center"
            android:drawableBottom="#000000"
            />

        <TextView
            android:id="@+id/title_tv_new"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text=""
            android:layout_weight="1"
            android:gravity="center"
            />

    </LinearLayout>
    <LinearLayout
        android:id="@+id/lin_index"
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:layout_below="@+id/vp_title">
    <ImageView
        android:id="@+id/im_index"
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="@android:color/holo_blue_dark"
        />
    </LinearLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/lin_index"
        android:layout_marginTop="5dp"
        ></android.support.v4.view.ViewPager>


</RelativeLayout>

然后添加java代码

设置TextView下边的下标标签图片

//TextView下边的标签图片的设置
    public void setIm_index(){
        DisplayMetrics dpMetrics = new DisplayMetrics();
        getWindow().getWindowManager().getDefaultDisplay()
                .getMetrics(dpMetrics);
        screenWidth = dpMetrics.widthPixels;
        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) im_index
                .getLayoutParams();
        lp.width = screenWidth / 2;
        im_index.setLayoutParams(lp);
    }

添加Adapter继承自FragmentPagerAdapter

 //添加继承自FragmentPagerAdapter的pageradapter
    class MyPagerAdapter extends FragmentPagerAdapter{

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

        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }

        @Override
        public int getCount() {
            return fragmentList.size();
        }
    }

添加pager切换的监听

viewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) im_index
                        .getLayoutParams();
                //页面切换控制地下的标签图片
                if (currentIndex == 0 && position == 0)// 0->1
                {
                    lp.leftMargin = (int) (positionOffset * (screenWidth * 1.0 / 2) + currentIndex
                            * (screenWidth / 2));

                } else if (currentIndex == 1 && position == 0) // 1->0
                {
                    lp.leftMargin = (int) (-(1 - positionOffset)
                            * (screenWidth * 1.0 / 2) + currentIndex
                            * (screenWidth / 2));

                }
                im_index.setLayoutParams(lp);
            }


            @Override
            public void onPageSelected(int position) {

                title_tv_recomend.setTextColor(Color.BLACK);
                title_tv_new.setTextColor(Color.BLACK);
                switch (position){
                    case 0:
                        title_tv_recomend.setTextColor(Color.BLUE);
                        break;
                    case 1:
                        title_tv_new.setTextColor(Color.BLUE);
                        break;
                }
                currentIndex = position;


            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

下面是全部代码   两个Fragment就不上代码了

public class MainActivity extends AppCompatActivity {


    private ViewPager viewpager;
    private ImageView im_index;
    private TextView title_tv_recomend;
    private TextView title_tv_new;
    private RecomentFragment mRecomentFragment;
    private NewFragment mNewFragment;
    private MyPagerAdapter pagerAdapter;
    private List<Fragment> fragmentList;
    private int screenWidth;
    private int currentIndex = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();

    }

    public void initView(){
        viewpager = (ViewPager) findViewById(R.id.viewpager);
        im_index = (ImageView) findViewById(R.id.im_index);
        title_tv_recomend = (TextView) findViewById(R.id.title_tv_recomend);
        title_tv_new = (TextView) findViewById(R.id.title_tv_new);
        title_tv_recomend.setText("推荐");
        title_tv_new.setText("最新");

        mRecomentFragment = new RecomentFragment();
        mNewFragment = new NewFragment();
        fragmentList = new ArrayList<>();
        //把两个fragment添加到List
        fragmentList.add(mRecomentFragment);
        fragmentList.add(mNewFragment);
        pagerAdapter = new MyPagerAdapter(getSupportFragmentManager());
        //设置默认加载的标签页
        viewpager.setCurrentItem(currentIndex);
        viewpager.setAdapter(pagerAdapter);
        setIm_index();



        //页面切换监听
        viewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) im_index
                        .getLayoutParams();
                //页面切换控制地下的标签图片
                if (currentIndex == 0 && position == 0)// 0->1
                {
                    lp.leftMargin = (int) (positionOffset * (screenWidth * 1.0 / 2) + currentIndex
                            * (screenWidth / 2));

                } else if (currentIndex == 1 && position == 0) // 1->0
                {
                    lp.leftMargin = (int) (-(1 - positionOffset)
                            * (screenWidth * 1.0 / 2) + currentIndex
                            * (screenWidth / 2));

                }
                im_index.setLayoutParams(lp);
            }


            @Override
            public void onPageSelected(int position) {

                title_tv_recomend.setTextColor(Color.BLACK);
                title_tv_new.setTextColor(Color.BLACK);
                switch (position){
                    case 0:
                        title_tv_recomend.setTextColor(Color.BLUE);
                        break;
                    case 1:
                        title_tv_new.setTextColor(Color.BLUE);
                        break;
                }
                currentIndex = position;


            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

        title_tv_recomend.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                currentIndex = 0;
                viewpager.setCurrentItem(currentIndex);
            }
        });
        title_tv_new.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                currentIndex = 1;
                viewpager.setCurrentItem(currentIndex);
            }
        });
    }
    //TextView下边的标签图片的设置
    public void setIm_index(){
        DisplayMetrics dpMetrics = new DisplayMetrics();
        getWindow().getWindowManager().getDefaultDisplay()
                .getMetrics(dpMetrics);
        screenWidth = dpMetrics.widthPixels;
        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) im_index
                .getLayoutParams();
        lp.width = screenWidth / 2;
        im_index.setLayoutParams(lp);
    }



    //添加继承自FragmentPagerAdapter的pageradapter
    class MyPagerAdapter extends FragmentPagerAdapter{

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

        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }

        @Override
        public int getCount() {
            return fragmentList.size();
        }
    }

}