2016-11-19 65 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之前,正確初始化過程非常重要。這是上述代碼中需要做的一切。希望很快我會在這裏發佈一個相同的圖書館:)但如果有人在此之前需要它,請留下評論。