如何在 Android 中使用拖动手势切换 2 个不同的视图？

Question

所以我试图创建一个界面，用户可以在其中从右向左拖动手指以到达第二个视图，并且被拖动的第一个视图将从右向左移动。与 Android 设备的主屏幕非常相似，用户可以向左或向右拖动屏幕，然后就会出现另一个屏幕。到目前为止，我有一个视图切换器，其中 Flipper 将存储两个 xml 文件。但我不知道如何使用拖动手势？任何例子将不胜感激。

谢谢

Answer 1

这是一个链接，您可能会发现有用。如果有任何疑问，请回复我。

Android 版水平分页器
Horizo​​ntalPager是一个修改版本
Marc Reichelt 的 RealViewSwitcher。
本质上是一个水平的
捕捉到全角的 ScrollView
孩子（就像Android主屏幕的
切换行为）。这个修改了
版本支持垂直滚动
儿童

Answer 2

我只是写了一个集成拖动手势和图像切换效果的例子。希望有帮助。

所有需要的资源和代码如下：

1. 主布局：在布局中添加一个 ImageSwitcher

2. 两个名为 R.drawable.s3、R.drawable 的可绘制对象。 drawable.s4

3. 两个动画文件，slide_right_in、slide_left_out

    公共类 PureTestActivity 扩展 Activity{
           最终字符串标记 = PureTestActivity.class.getSimpleName();
           /** 首次创建活动时调用。 */
   
           线性布局mainLL;
           手势检测器 手势检测器；
           图像切换器对比；
           int imageIdx = 0;
           int[] imageResId = {R.drawable.s3, R.drawable.s4};
           @覆盖
           公共无效 onCreate（捆绑保存实例状态）{
               super.onCreate(savedInstanceState);
               setContentView(R.layout.main);
   
   
               mainLL = (LinearLayout)findViewById(R.id.main);
   
               vs = (ImageSwitcher)findViewById(R.id.viewSwitcher1);
               vs.setFactory(new ViewFactory(){
   
           @覆盖
           公共视图 makeView() {
   
                 ImageView i = new ImageView(PureTestActivity.this);
                 i.setBackgroundColor(0xFF000000);
                 i.setImageResource(R.drawable.s3);
                 i.setScaleType(ImageView.ScaleType.FIT_CENTER);
                 i.setLayoutParams(new ImageSwitcher.LayoutParams(
                   LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
                 返回我；
           }
       });
   
   
       vs.setInAnimation(AnimationUtils.loadAnimation(这个,
               android.R.anim.fade_in));
       vs.setOutAnimation(AnimationUtils.loadAnimation(这个,
               android.R.anim.fade_out));
       //开始触摸事件手势检测
       gestureDetector = new GestureDetector(new MyGestureDetector());
       View.OnTouchListenergestureListener = new View.OnTouchListener() {
           公共布尔 onTouch(View v, MotionEvent 事件) {
   
               Log.d(TAG, "ontouch 事件。");
               if (gestureDetector.onTouchEvent(事件)) {
                   返回真；
               }
               返回假；
           }
       };
       vs.setOnTouchListener(gestureListener);
   }     
      类 MyGestureDetector 扩展 SimpleOnGestureListener {
   
           最终字符串TAG = MyGestureDetector.class.getSimpleName();
   
           // 用于向左触摸或向右触摸事件
           私有静态最终 int SWIPE_MIN_DISTANCE = 60; //默认为120
           私有静态最终int SWIPE_MAX_OFF_PATH = 250；
           私有静态最终int SWIPE_THRESHOLD_VELOCITY = 200;
   
           @覆盖
           公共布尔 onDown(MotionEvent e) {
   
               Log.d(TAG, " on down events :" + e.getAction() );
               返回真；
           }
   
           @覆盖
           公共布尔onFling（MotionEvent e1，MotionEvent e2，浮动速度X，浮动速度Y）{
   
               Log.d(TAG, " 在归档事件中，第一个速度X :" + 速度X +
                       “第二速度Y”+速度Y);
               尝试 {
                   if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH)
                       返回假；
                   // 从右向左滑动
                   if(e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                           onHorizo​​nTouch(真); // 左边
   
                   } else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                           onHorizo​​nTouch(假); // 正确的   
   
                   }
               } catch (异常 e) {
                   // 没有什么
               }
               返回假；
           }
   
           void onHorizo​​nTouch(Boolean toLeft){
               if(toLeft && imageIdx>0)
               {
                   vs.setInAnimation(AnimationUtils.loadAnimation(
                           getApplicationContext(), R.anim.slide_right_in));
                   // 设置切出动画
                   vs.setOutAnimation(AnimationUtils.loadAnimation(
                           getApplicationContext(), R.anim.slide_left_out));
                   PureTestActivity.this.vs.setImageResource(imageResId[--imageIdx]);
               }
               if(!toLeft && imageIdx<1)
               {
                   vs.setInAnimation(AnimationUtils.loadAnimation(PureTestActivity.this,
                           android.R.anim.slide_in_left));
                   vs.setOutAnimation(AnimationUtils.loadAnimation(PureTestActivity.this,
                           android.R.anim.slide_out_right));
                   PureTestActivity.this.vs.setImageResource(imageResId[++imageIdx]);
               }
   
           };
       }
   

   }