版权声明:本文为HaiyuKing原创文章,转载请注明出处!

前言

记录viewpager滑动的时候弹出对话框的功能(关键功能是滑动弹出对话框后,隐藏对话框的时候当前页可以还原到原位置),顺便判断首页和最后一页。

效果图

ViewPagerWithImageDemo【ViewPager如何判断滑动到第一页和最后一页以及弹出对话框功能】

代码分析

实现滑动后弹出对话框,然后对话框隐藏后当前页面还原到原位置的功能,关键代码如下:

/**ViewPage切换的事件监听
     * http://blog.csdn.net/zhengxiaoyao0716/article/details/48805703*/
    public class MyOnPageChangeListener implements ViewPager.OnPageChangeListener
    {
        private boolean isNormalChange = false;//标明是否普通的上翻页和下翻页【默认为false,标明需要判断然后弹出对话框】
        private int resetXPoint = 0;//获取弹出对话框,还原的scrollTo的X坐标值,默认是0.打开的是第几页,比如,如果是第二页,那么第二页的X坐标是0 + (2-1)*viwepager的宽度

        /* 这个方法在手指操作屏幕的时候发生变化。有三个值:0(END),1(PRESS) , 2(UP) 。
         * arg0 ==1的时辰默示正在滑动,arg0==2的时辰默示滑动完毕了,arg0==0的时辰默示什么都没做。
         */
        @Override
        public void onPageScrollStateChanged(int state) {
            if(state == 1){
                isNormalChange = false;
            }
        }

        /* 用户一次滑动,这个方法会持续调用N多次,直至某个View充满视图并且稳定住!(但具体调用次数也不确定,尤其在首末位置向边界滑动,如果Log一下,会看到出现调用不确定次数的打印,且positionOffset都为0.
         * position 当前页面,及你点击滑动的页面【position为当前屏幕上所露出的所有View的Item取下限。比如,当前Item为3,轻轻向右滑动一下,2露出了一点点,那么position就是2;而如果向左滑动,露出的4比3大,那么只要3没完全隐匿,那么position就一直按照3算。】
         * positionOffset 当前页面偏移的百分比【positionOffset是当前Item较大的那个View占视图的百分比,0-1,没有负数!当滑动结束时,onPageScrolled();最后一次调用,positionOffset为0。】
         * positionOffsetPixels 当前页面偏移的像素位置
         */
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            //这里获取第一个值,用来判断是左滑还是右滑(如果viewpager的宽度 - positionOffsetPixels <= viewpager的宽度的一半,则代表往左滑动(上一页),反之右滑(下一页))
            /*int positionOffsetPixelsTemp =  - positionOffsetPixels;//获取需要偏移的数值(默认获取的是往右滑(下一页)的情况下的偏移值)
            int viewPagerWidth = mViewPager.getWidth();
            if(viewPagerWidth - positionOffsetPixels <= viewPagerWidth / 2){
                positionOffsetPixelsTemp = viewPagerWidth - positionOffsetPixels;
            }*/


            /*
             * 当第一页上翻页时:position = 0;currentItemIndex=0;positionOffset=0.0;positionOffsetPixels=0
             * 普通上翻页时:position = 0;currentItemIndex=1-->0;positionOffset==0.99224806-->0.0;positionOffsetPixels=1024-->0
             * 当最后一页下翻页时:position = 10;currentItemIndex=10;positionOffset=0.0;positionOffsetPixels=0
             * 普通下翻页时:position = 9;currentItemIndex=9-->10;positionOffset=0.041666985-->0.9-->0.0;positionOffsetPixels=43-->1024-->0
             * */

            if(! isNormalChange){

                if(position == mPictureBeanList.size() - 1 && position ==currentItemIndex && positionOffset == 0.0 && positionOffsetPixels == 0){
                    //在最后一页进行滑动
                }else if(position == 0 && position ==currentItemIndex && positionOffset == 0.0 && positionOffsetPixels == 0){
                    //在第一页进行滑动
                }else {
                    //判断是否数据(例如,标题)发生了改变,如果发生了改变,那么弹出对话框
                    PictureBean picBean = mPictureBeanList.get(currentItemIndex);
                    String oldPicTitle = picBean.getPicTitle();//旧的图片标题
                    String newPicTitle = mPicTitleEdt.getText().toString();//新的图片标题

                    boolean changed = newPicTitle.equals(oldPicTitle);

                    if (changed) {
                        isNormalChange = true;//【如果数据没有发生改变,则代表是正常滑动】
                    }else{
                        mViewPager.setIsCanScroll(false);//禁止滑动
                        //弹出提示对话框
                        // 创建构建器
                        AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
                        // 设置参数
                        builder.setTitle("提示")
                                .setMessage("标题发生了改变,是否保存?")
                                .setPositiveButton("保存", new DialogInterface.OnClickListener() {// 积极
                                    @Override
                                    public void onClick(DialogInterface dialog, int which) {
                                        // TODO Auto-generated method stub
                                        mViewPager.setIsCanScroll(true);//允许滑动
                                        mViewPager.scrollTo(resetXPoint,0);
                                        uploadImgTitle();
                                    }
                                }).setNegativeButton("不保存", new DialogInterface.OnClickListener() {// 消极
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // TODO Auto-generated method stub
                                mViewPager.setIsCanScroll(true);//允许滑动
                                mViewPager.scrollTo(resetXPoint,0);
                                //还原标题
                                PictureBean pictureBean = mPictureBeanList.get(currentItemIndex);
                                mPicTitleEdt.setText(pictureBean.getPicTitle());
                            }
                        }).setOnDismissListener(new DialogInterface.OnDismissListener() {
                            @Override
                            public void onDismiss(DialogInterface dialogInterface) {
                                mViewPager.setIsCanScroll(true);//允许滑动
                                mViewPager.scrollTo(resetXPoint,0);
                            }
                        });
                        builder.create().show();
                    }
                }
            }
        }

        /* 这个方法有一个参数position,代表哪个页面被选中。
         * 当用手指滑动翻页的时候,如果翻动成功了(滑动的距离够长),手指抬起来就会立即执行这个方法
         * position就是当前滑动到的页面。
         * 如果直接setCurrentItem翻页,那position就和setCurrentItem的参数一致,这种情况在onPageScrolled执行方法前就会立即执行。
         */
        @Override
        public void onPageSelected(int position) {
            Log.w("why", "{MyOnPageChangeListener}{onPageSelected}position="+position);
            Log.w("why", "{MyOnPageChangeListener}{onPageSelected}currentItemIndex="+currentItemIndex);
            resetXPoint = resetXPoint + (position - currentItemIndex) * mViewPager.getWidth();
            currentItemIndex = position;
            showPageNum();//设置页码
        }
    }

使用步骤

一、项目组织结构图

ViewPagerWithImageDemo【ViewPager如何判断滑动到第一页和最后一页以及弹出对话框功能】

ViewPagerWithImageDemo【ViewPager如何判断滑动到第一页和最后一页以及弹出对话框功能】

注意事项:

1、  导入类文件后需要change包名以及重新import R文件路径

2、  Values目录下的文件(strings.xml、dimens.xml、colors.xml等),如果项目中存在,则复制里面的内容,不要整个覆盖

二、导入步骤

(1)实现ViewpAger基础框架搭建

1、将MyCustomViewPager复制到项目中

package com.why.project.viewpagerwithimagedemo.viewpager;

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

/**
 * Created by HaiyuKing
 * Used 自定义的viewpager
 * https://www.cnblogs.com/tangs/articles/5933233.html
 * 解决切换需要经过中间页的问题;
 * 实现控制viewpager是否可滑动;
 * 解决视频播放器和viewpager滑动冲突问题【可扩展到任何view】;
 */

public class MyCustomViewPager extends ViewPager {

    /**是否可以滑动:默认可以滑动*/
    private boolean isCanScroll = true;

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

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

    /**
     * 解决切换需要经过中间页
     */
    @Override
    public void setCurrentItem(int item) {
        //super.setCurrentItem(item);源码
        super.setCurrentItem(item,false);//smoothScroll false表示切换的时候,不经过两个页面的中间页
    }

    /**
     * 让ViewPager不能左右滑动
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if(isCanScroll){
            return super.onTouchEvent(ev);
        }else{
            return false;
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if(isCanScroll){
            return super.onInterceptTouchEvent(ev);
        }else{
            return false;
        }
    }

    /**
     * 暴露出去的方法,屏蔽ViewPager的滑动,默认不可滑动
     * @param isCanScroll 为true可以左右滑动,为false不可滑动
     */
    public void setIsCanScroll(boolean isCanScroll){
        this.isCanScroll = isCanScroll;
    }

    @Override
    protected boolean canScroll(View v, boolean checkV, int dx, int x, int y) {

        /*if (v instanceof IjkVideoView) {//解决视频播放器和viewpager滑动冲突问题
            return true;
        }*/
        return super.canScroll(v, checkV, dx, x, y);
    }
}
MyCustomViewPager.java

相关文章:

  • 2021-08-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2022-12-23
  • 2022-12-23
  • 2021-12-24
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-21
  • 2022-12-23
  • 2022-01-19
  • 2022-02-27
相关资源
相似解决方案