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

来源：互联网发布：欧洲难民感恩知乎编辑：程序博客网时间：2024/05/25 19:58

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();        }    }}

1 0