利用ImageSwitcher实现左滑右滑查看图片

最新推荐文章于 2021-11-11 11:39:34 发布

小pig@

最新推荐文章于 2021-11-11 11:39:34 发布

阅读量736

点赞数

文章标签： android

本文链接：https://blog.csdn.net/fine123455/article/details/116071992

版权

利用ImageSwitcher实现左滑右滑查看图片

1、设置ImageSwitcher的初始图片

imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() { //设置初始图片
            @Override
            public View makeView() {
                ImageView imageView = new ImageView(MainActivity.this);
                imageView.setImageResource(images[index]);
                return imageView;
            }
        });

2、为ImageSwitcher设置监听器，实现左滑查看下一张图片，右滑查看上一张图片

 imageSwitcher.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if(motionEvent.getAction() == MotionEvent.ACTION_DOWN) { //获取按下的坐标
                    downX = motionEvent.getX();
                    return true;
                }
                else if(motionEvent.getAction() == MotionEvent.ACTION_UP) {
                    upX = motionEvent.getY();
                    if(downX - upX > 100) {//向左滑，查看下一张图片
                        index = index == images.length - 1 ? 0 : index + 1;
                        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(MainActivity.this, android.R.anim.fade_in));
                        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(MainActivity.this, android.R.anim.fade_out));
                        imageSwitcher.setImageResource(images[index]);
                    }
                    else if(upX - downX > 100) { //向右滑，查看上一张图片
                        index = index == 0 ? images.length - 1 : index - 1;
                        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(MainActivity.this, android.R.anim.fade_in));
                        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(MainActivity.this, android.R.anim.fade_out));
                        imageSwitcher.setImageResource(images[index]);
                    }
                    return true;
                }

                return true;
            }
        });

downX是按下的坐标，获取完记得要return true，否则下次获取的可能是上一次按下的坐标。upX是抬起时的坐标。通过计算upX和downX的差值就能判断是向左滑还是向右滑，然后通过imageSwitcher.setImageResource(images[index]);设置相应的图片即可。