Android初级知识--禁止ViewPager滑动或设置成单向滑动

概述

• viewpager作为实际开发中最常用的控件,会碰到很多种情况;
  比如:在引导页中,只能向左滑动,不能向右滑动;
  又如:在某个场景下viewpager不能滑动,在某一时刻又能滑动;
• 本文主要给以下三种情况提供一种思路
  (一)禁止viewpager滑动
  (二)viewpager的单项滑动
  (三)可以控制viewpager何时滑动

正文

• 首先我们自定义一个viewpager来实现上述的问题:

public class MyViewPager extends ViewPager {
    //是否能滑动,默认不能滑动
    private boolean isCanScroll = false;

    private float startX;
    private float moveX;

    public MyViewPager(Context context) {
        super(context);
    }

    public MyViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 事件的分发
     */
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        return super.dispatchTouchEvent(ev);
    }

    /**
     * 事件是否拦截
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return super.onInterceptTouchEvent(ev);
    }

    /**
     * 事件的处理
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (isCanScroll) {    //如果能滑动
            //return super.onTouchEvent(ev);//如果只是让其能滑动,则直接返回super就行
            //模拟一个场景,只能向左滑动
            switch (ev.getAction()) {
                case MotionEvent.ACTION_DOWN:   //按下
                    startX = ev.getX(); //如果仅仅是按下作为‘上次坐标’，不妥，因为可能存在左滑，motionValue大于0的情况（来回滑，只要停止坐标在按下坐标的右边，左滑仍然能滑过去）
                    break;
                case MotionEvent.ACTION_MOVE:   //移动
                    moveX = ev.getX() - startX; //得出移动的距离
                    startX=ev.getX();   //手指移动时，再把当前的坐标作为下一次的‘上次坐标’，解决上述问
                    if (moveX>0) {  //小于0说明向左滑,大于0说明向右滑
                        return true;   //返回false,说明当向右滑动时,啥都不做,如果是向左滑,交给下面的super处理
                    }
            }
            return super.onTouchEvent(ev);
        } else { //如果设置不能滑动
            //则直接返回flase或true,即啥都不做
            return true;
        }

    }

    /**
     * 对外提供一个方法,来决定是否能滑动
     */
    public void setIsCanScroll(boolean isCanScroll) {
        this.isCanScroll = isCanScroll;
    }
}

• OK,以上的这个viewpager就已经解决了上述的三个问题;当然这里为了演示,我们来看一个完整的demo;
• 在布局文件里申明该viewpager,这里加入了其它控件来辅助演示demo;
  activity.xml文件代码如下:

<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.pxj.a02_viewpager.MainActivity">

    <Button
        android:id="@+id/bt_back"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="上一页"
        android:gravity="center"
        android:textSize="30sp"
        android:layout_marginTop="10dp"/>

    <Button
        android:id="@+id/bt_next"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="下一页"
        android:gravity="center"
        android:textSize="30sp"
        android:layout_marginTop="10dp"/>

    <com.pxj.a02_viewpager.MyViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"/>
LinearLayout>

• 紧接着就是在代码中的使用;
  MainActivity.java文件如下:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private float startX;
    private float moveX;
    private boolean isStartNew ;//判断是否打开新的界面
    private Button bt_back;
    private Button bt_next;
    private MyViewPager viewpager;
    private VpAdapter vpAdapter;
    private String datas[] = {"一", "二", "三", "四", "五"};   //模拟的数据
    private int vpCurrentItem = 0;    //记录viewpager当前滑动到第几页,默认是第一页,即为0

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

        init();
    }

    /**
     * 初始化及数据绑定
     */
    private void init() {
        bt_back = (Button) findViewById(R.id.bt_back);
        bt_next = (Button) findViewById(R.id.bt_next);
        viewpager = (MyViewPager) findViewById(R.id.viewpager);
        //给两个按钮设置点击事件
        bt_back.setOnClickListener(this);
        bt_next.setOnClickListener(this);
        //设置适配器
        vpAdapter = new VpAdapter();
        viewpager.setAdapter(vpAdapter);
        //viewPager滑动监听
        viewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                //当viewpager页面变化时,记录下此时的item
                vpCurrentItem = position;
                //模拟一个场景,如果是第三页和最后一页的时候,我们可以滑动(最后一页向左滑时我们滑到新的界面)
                if (position == 2 || position == datas.length - 1) {
                    //设置能滑动
                    viewpager.setIsCanScroll(true);
                } else {
                    //设置不能滑动
                    viewpager.setIsCanScroll(false);
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        //viewpager事件处理:这里主要是解决当最后一页再向左滑时打开新的界面
        viewpager.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:   //按下
                        startX = event.getX();
                        break;
                    case MotionEvent.ACTION_MOVE:   //移动
                        moveX = event.getX() - startX;
                        //如果是最后一页,并且向左滑动时,打开新的界面
                        if (viewpager.getCurrentItem() == vpAdapter.getCount() - 1 && moveX < 0 && isStartNew ) {
                            //这里的moveX<0仅仅是一个触发条件,有时我们可以设置成当滑动距离大于屏幕宽度三分之一时在打开新的界面
                            Intent intent=new Intent(MainActivity.this,SecondActivity.class);
                            startActivity(intent);
                            //此时已近打开了新界面,不用重复打开(这一步很有必要,因为随便移动一下,都会执行很多次Move事件,如果不判断,就会打开多个界面)
                            isStartNew=false;
                        }
                        break;
                }
                return false;
            }
        });
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.bt_back:  //上一页点击事件
                //此时先判断当前viewpager是否是第一页,不是就返回到上一页
                if (vpCurrentItem != 0) {
                    viewpager.setCurrentItem(vpCurrentItem - 1);
                } else {
                    Toast.makeText(MainActivity.this, "当前已经是第一页了", Toast.LENGTH_SHORT).show();
                }
                break;
            case R.id.bt_next: //下一页点击事件
                //判断是否是最后一页,不是就往下一页跳
                if (vpCurrentItem != datas.length - 1) {
                    viewpager.setCurrentItem(vpCurrentItem + 1);
                } else {
                    Toast.makeText(MainActivity.this, "当前是最后一页", Toast.LENGTH_SHORT).show();
                }
                break;
        }
    }

    /**
     * viewpager适配器
     */
    private class VpAdapter extends PagerAdapter {

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

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            View view = View.inflate(MainActivity.this, R.layout.item_vp, null);

            TextView tv = (TextView) view.findViewById(R.id.tv);
            tv.setText(datas[position]);

            container.addView(view);
            return view;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
    }

    @Override
    protected void onStart() {
        super.onStart();
        //在这里给是否打开新界面赋值
        isStartNew=true;
    }
}

• 在上述代码中使用viewpager适配器时用到的条目布局;
  item_vp.xml文件如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#3f00">
<TextView
    android:id="@+id/tv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:textSize="40sp"
    android:textColor="#000"/>
RelativeLayout>

总结

• 代码并不是很复杂,稍微看一下就能看出,要解决的三个问题都已经表达的很清楚,当然如有不当的地方还望指教;