Android使用ViewPager实现导航页根据情况禁止滑动以及点击切换

前段时间由于项目原因，要做一个导航页面。但有时会需要用到根据某些条件禁止滑动，以及通过按钮点击切换页面的效果。
刚好趁现在把这些东西写下来，分享出来。

一、ViewPager点击切换

因为之前做的那个项目是一个安全卫士的项目，在手机防盗这一块需要做一个导航页面。导航页面嘛，大家懂得一页一页往下翻过去，底部再加上若干个小圆点随着滑动。
其实底部小圆点这个东西也好做，最笨的办法就是给每一个View下面都排上一排，这样切换的时候一样会有动画效果，但这样未免太捉急了点。
那么这里首先我们先解决一下底部小圆点的实现方式。这种方式是动态添加的，也就是有几个滑动的页面就有几个小圆点，以后你要再添加滑动页面的时候，完全不需要再做多余的动作，十分方便。

首先，我们要准备两张图片，一张是亮色的圆点图片，另一张是暗色的圆点图片。
然后在drawable文件下创建如下文件：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/presence_invisible" android:state_selected="false" />
    <item android:drawable="@drawable/presence_online" android:state_selected="true" />
</selector>

• 
  
• 这个文件是作为小圆点的背景使用的，方便后面调用时可以切换。
  

接着第二步，我们在ViewPager下面做一个布局，最好使用LinearLayout布局。随机在java代码中动态地添加这些小圆点组件。代码示下：

//小圆点将会添加到的父布局
 LinearLayout linearLayout = (LinearLayout) findViewById(R.id.guadrd_bottom_linear);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);
        //设置小圆点间的间隔，四个参数分别指距离左端的距离，距离顶部的距离，距离右端的距离，距离底端的距离
        params.setMargins(10, 0, 10, 0);

        //Viewpager有几页就有几个小圆点，data为ViewPager的数据源
        bottomPoints = new ImageView[data.size()];
        for (int i = 0; i < bottomPoints.length; i++) {
            ImageView point = new ImageView(this);
            //圆点组件设置参数
            point.setLayoutParams(params);                    point.setImageResource(R.drawable.selector_navi_point);
            if (i == 0) {
                point.setSelected(true);//默认第一个圆点打开
            } else {
                point.setSelected(false);
            }
            //得到每个小圆点的引用，用于滑动页面时，（onPageSelected方法中）更改它们的状态
            bottomPoints[i] = point;
            //添加到布局里面显示 
            linearLayout.addView(point);
        }

• 
  
• 以上代码为动态地添加圆点组件，有几页滑动的ViewPager就有几个小圆点。
  

好了，这下组件有了，接下来就是如何让它正确的随着ViewPager滑动的显示了。第三步，在实现ViewPager.OnPageChangeListener接口的onPageSelected方法内：

@Override
    public void onPageSelected(int position) {
        for (int i = 0; i < bottomPoints.length; i++) {
            if (position == i) {
                bottomPoints[i].setSelected(true);
            } else {
                bottomPoints[i].setSelected(false);
            }
        }
      }

• 当滑到第几页时，相应的就会选择亮色的圆点组件，这样就实现了动态的添加底部圆点了。

二、ViewPager根据情况禁止滑动

说实话，如今我实现的ViewPager视情况禁止滑动，仍然有些小bug。譬如刚开始禁止滑动时，还可以往回滑动， 但划回来的时候再往回滑动就不行了。但这个bug目前，我也解决不了。只能先把先前的代码先放出来了。
首先，我们做一件事的时候，第一要知道的是会达到什么效果。其次需要了解什么原因会形成这种效果。
而这里ViewPager要禁止滑动，就必须先知道它是通过什么来实现滑动的。

在ViewPager的源码里，它是通过ScrollTo这个方法来实现滑动的。那么我们只需要重写这个方法，再加上一个标记位，是不是就可以实现禁止滑动了呢？代码见真章：
在这里，我首先自定义了一个ViewPager，重写了scrollTo方法：

package com.jadyn.mobilesafe.ui.view;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;

public class MGuardViewPager extends ViewPager {

    private boolean mIsSlide = true;//是否可以滑动
    private boolean mRightCanSlide = true;//是否可以右滑动

    private float downX;//落下的x坐标
    private float moveX;//移动的xzuobiao 
    private float appartX;//两者相差

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

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

    @Override
    public void scrollTo(int x, int y) {
        if (mIsSlide)
            super.scrollTo(x, y);
    }

    //对外暴漏一个开关禁止滑动的方法
    public void toggleSlide(boolean isSlide) {
        this.mIsSlide = isSlide;
    }
    /*
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (mRightCanSlide) {
            return super.dispatchTouchEvent(ev);
        } else {
            switch (ev.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    downX = ev.getX();
                    break;
                case MotionEvent.ACTION_MOVE:
                    moveX = ev.getX();
                    appartX = moveX - downX;
                    if (appartX<0) {
                        return true;
                    }
                    downX = moveX;
                    break;

            }
            return super.dispatchTouchEvent(ev);
        }
    }

    public void toggleRightSlide(boolean rightCanSlide) {
        this.mRightCanSlide = rightCanSlide;
    }*/
}

• 
  
• 下面被注释的是重写了dispatchTouchEvent方法，在onTouchEvent里通过坐标的差值，再返回true值，将滑动事件就此消费，不再向外传递来禁止向右滑动或者向左滑动。不过太麻烦了，还是使用scrollTo方法把。
• 上面代码，我对外提供了一个toggleSlide（）方法来实现判断是否禁止滑动。
  

然后我们在布局中使用我们自定义的ViewPager。并且在onPageScrolled方法进行条件判定是否需要滑动。因为onPageScrolled是在滑动页面的时候会调用的方法。
譬如我的项目在第二页以及第三页的时候需要进行判定，那么我的代码示下：

@Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        //在第二页的时候，若是没有锁就不准滑动，锁了就可以滑动
        if (position == 1) {
            guardViewpager.toggleSlide(isLocked);
        }
        //在第三页如果对话框为空就不能滑动
        if (position == 2) {
            String phoneNum = et_phone.getText().toString();
            isPhoneEmpty = TextUtils.isEmpty(phoneNum);
            guardViewpager.toggleSlide(!isPhoneEmpty);
        }
        //在第四页，若是没有激活设备管理，就不能滑动
        if (position == 3) {
            guardViewpager.toggleSlide(mIsAdmin);
        }
    }

三、按钮点击切换

其实这个最简单了，我使用的是笨办法，就是用setCurrentItem（）方法实现的。大家若是有什么好的方法，也可以分享分享。
譬如，“上一页”的点击事件是这样的：

if (currentItem > 0)
                    guardViewpager.setCurrentItem(currentItem - 1);

• 怎么样是不是很简单，而在“下一页”按钮里，因为我要做一些判定，相应地也会复杂点，当然也就是代码复杂点。逻辑很简单，无非就是true就执行，false就不执行。

以上