2016-11-19 80 views
0

我正在尝试构建一个组件,可以在所有方向上刷卡,并且可以返回。它转换为以下几点:Android所有的定向视图寻呼机刷卡问题

  • 左到右:带回以前的卡
  • 从右到左:将新卡的下方
  • 从上至下:带回以前的卡
  • 下往上:带来新卡下方

我决定,最好的办法前进将是,如果我延长Viewpager并结合垂直和水平Viewpager实施。它将解决所有动画相关问题以及片段管理工作。

最终,我能够创造我想要的东西,但现在它陷入了最后的问题。当Viewpager垂直滑动时,它具有标记区域,其行为流畅,但黑暗区域不能正确滑动(下图)。对于垂直滑动实现,我使用了触摸坐标交换方法并映射了坐标。我试图看看交换的映射,不能看到我错在哪里。

这将是一个很大的帮助,如果有人能在正确的方向指向我:

下面是代码片段:

AllDirectionViewPager.java

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

public class AllDirectionViewPager extends ViewPager { 
    public static String TAG = "AllDirectionViewPager"; 
    private float startX, startY, mHeight, mWidth; 
    int DIRECTION_LOCKING_THRESHOLD_X=5, DIRECTION_LOCKING_THRESHOLD_Y=5, mDirection=-1; 
    boolean directionLocked=false; 
    VDepthPageTransformer mVerticalTransformer; 
    HDepthPageTransformer mHorizontalTransformer; 

    public AllDirectionViewPager(Context context) { 
     super(context); 
     init(); 
    } 

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

    private void init() { 
     setOverScrollMode(OVER_SCROLL_NEVER); 
     mVerticalTransformer = new VDepthPageTransformer(); 
     mHorizontalTransformer = new HDepthPageTransformer(); 
    } 

    /** 
    * Swaps the X and Y coordinates of touch event. 
    */ 
    private MotionEvent swapXY(MotionEvent ev) { 
     float width = getWidth(); 
     float height = getHeight(); 

     float newX = (ev.getY()/height) * width; 
     float newY = (ev.getX()/width) * height; 

     Log.i(TAG, "swap xy called. init: "+ev.getX()+","+ev.getY()+" final: "+newX+","+newY+" with height: "+height); 
     ev.setLocation(newX, newY); 

     return ev; 
    } 

    @Override 
    public boolean onInterceptTouchEvent(MotionEvent ev){ 
     boolean intercepted = false; 
     int direction; 
     direction = getDirection(ev); 
     Log.i(TAG, "viewpager intercepted: "+mDirection); 
     if(mDirection==0) { 
      intercepted = super.onInterceptTouchEvent(swapXY(ev)); 
      swapXY(ev); // return touch coordinates to original reference frame for any child views 
     } else if (mDirection==1) { 
      intercepted = super.onInterceptTouchEvent(ev); 
     } 

     return intercepted; 
    } 

    //1: Left-Right; 0: UP-DOWN; -1: continuing 
    int getDirection(MotionEvent ev) { 
     float dirX=0, dirY=0; 
     boolean continuing = false; 
     switch (ev.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
       startX = ev.getX(); 
       startY = ev.getY(); 
       mDirection = -1; 
       directionLocked = false; 
       Log.d(TAG, "swipe start"); 
       break; 
      case MotionEvent.ACTION_MOVE: 
       float endX = ev.getX(); 
       float endY = ev.getY(); 
       Log.d(TAG, "direction locked: "+directionLocked+" diffY: "+(endY - startY)+ " diffX: "+(endX - startX)); 
       if (!directionLocked && ((Math.abs(endX - startX)>DIRECTION_LOCKING_THRESHOLD_X)||(Math.abs(endY - startY) > DIRECTION_LOCKING_THRESHOLD_Y))) { 
        dirX = (endX - startX)/getHeight(); 
        dirY = (endY - startY)/getWidth(); 
        directionLocked = true; 
        if (Math.abs(dirX) < Math.abs(dirY)) { 
         mDirection = 0; 
         this.setPageTransformer(true, mVerticalTransformer); 
         Log.d(TAG, "Vertical set"); 
        } 
        else if (Math.abs(dirX) > Math.abs(dirY)) { 
         mDirection = 1; 
         this.setPageTransformer(true, mHorizontalTransformer); 
         Log.d(TAG, "Horizontal set"); 
        } 
        else { 
         mDirection = -1; 
         directionLocked = false; 
         Log.d(TAG, "nothing found"); 
        } 
       } 
       break; 
      case MotionEvent.ACTION_UP: 
       Log.d(TAG, "swipe done"); 
       directionLocked = false; 
       break; 
      default: 
       continuing = true; 
     } 
     if(continuing) 
      return -1; 

     return -1; 
    } 

    @Override 
    public boolean onTouchEvent(MotionEvent ev) { 
     int direction = getDirection(ev); 
     Log.i(TAG, "viewpager touch: "+mDirection); 
     Log.i(TAG, "Touch coords: "+ev.getX()+","+ev.getY()); 
     if(mDirection==0) { 
      return super.onTouchEvent(swapXY(ev)); 
     }else/* if(mDirection==1) */{ 
      return super.onTouchEvent(ev); 
     } 
//  return false; 
    } 
} 

HDepthPageTransformer.java

import android.support.v4.view.ViewPager; 
import android.view.View; 

public class HDepthPageTransformer implements ViewPager.PageTransformer { 
    private static final float MIN_SCALE = 0.85f; 

    public void transformPage(View view, float position) { 
     int pageWidth = view.getWidth(); 

     if (position < -1) { // [-Infinity,-1) 
      // This page is way off-screen to the left. 
      view.setAlpha(0); 

     } else if (position <= 0) { // [-1,0] 
      // Use the default slide transition when moving to the left page 
      view.setAlpha(1); 
      view.setTranslationX(0); 
      view.setScaleX(1); 
      view.setScaleY(1); 

     } else if (position <= 1) { // (0,1] 
      // Fade the page out. 
      view.setAlpha(1); 

      // Counteract the default slide transition 
      view.setTranslationX(pageWidth * -position); 

      // Scale the page down (between MIN_SCALE and 1) 
      float scaleFactor = MIN_SCALE 
        + (1 - MIN_SCALE) * (1 - Math.abs(position)); 
      view.setScaleX(scaleFactor); 
      view.setScaleY(scaleFactor); 

     } else { // (1,+Infinity] 
      // This page is way off-screen to the right. 
      view.setAlpha(0); 
     } 
    } 
} 

VDepthPageTransformer.java

import android.support.v4.view.ViewPager; 
import android.view.View; 

public class VDepthPageTransformer implements ViewPager.PageTransformer { 
    private static final float MIN_SCALE = 0.85f; 

    public void transformPage(View view, float position) { 
     int pageWidth = view.getWidth(); 

     if (position < -1) { // [-Infinity,-1) 
      // This page is way off-screen to the left. 
      view.setAlpha(0); 

     } else if (position <= 0) { // [-1,0] 
      // Use the default slide transition when moving to the top page 
      view.setAlpha(1); 
      // Counteract the default slide transition 
      view.setTranslationX(view.getWidth() * -position); 

      //set Y position to swipe in from top 
      float yPosition = position * view.getHeight(); 
      view.setTranslationY(yPosition); 
      view.setScaleX(1); 
      view.setScaleY(1); 

     } else if (position <= 1) { // (0,1] 
      // Fade the page out. 
      view.setAlpha(1 - position); 

      // Counteract the default slide transition 
      view.setTranslationX(pageWidth * -position); 

      // Scale the page down (between MIN_SCALE and 1) 
      float scaleFactor = MIN_SCALE 
        + (1 - MIN_SCALE) * (1 - Math.abs(position)); 
      view.setScaleX(scaleFactor); 
      view.setScaleY(scaleFactor); 

     } else { // (1,+Infinity] 
      // This page is way off-screen to the right. 
      view.setAlpha(0); 
     } 
    } 
} 

图像不按比例显示问题区域(对不起,坏作品): Vertical swipe issue area. Image not to scale.

深度页变压器从Android开发者网站上采购。 使用的一些部分从这里垂直滚动:Android: Vertical ViewPager

回答

0

由于没有人回答这个问题,我一头扎进viewpager的Android源代码,并意识到,虽然观察是奇怪,原因是不正确的初始化。

因为onInterceptTouchEvent在实际发生任何拖动(即onTouchEvent之前)之前被触发。在将控制权交给onTouchEvent之前,正确初始化过程非常重要。这是上述代码中需要做的一切。希望很快我会在这里发布一个相同的图书馆:)但如果有人在此之前需要它,请留下评论。