ViewPager一屏顯示多個item，及邊緣滑動事件優化

關於ViewPager顯示兩邊的item方法，網絡上是方法都在ViewPager外包一個Layout，

然后設置ViewPager和外面的Layout的clipChildren="false"。

ViewPager再設置layout_marginLeft,layout_marginRIght，以留出空間來顯示兩邊的item.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    android:layout_width="match_parent"    
    android:id="@+id/viewPagerContainer"    
    android:layout_height="match_parent"    
    android:background="#EEEEEE"    
    android:clipChildren="false"    
    android:orientation="vertical" >    
    
    <android.support.v4.view.ViewPager    
        android:id="@+id/viewpage"    
        android:layout_width="match_parent"    
        android:layout_height="match_parent"    
        android:layout_marginLeft="80dp"    
        android:layout_marginRight="80dp"    
        android:clipChildren="false" />    
    
</LinearLayout>    

 

這種方法有兩個缺點：

1、手指從兩邊的item滑動時，不能切換page，因為兩邊的item並不在ViewPager的范圍內。

2、在4.2和以下的系統滑動會出現兩邊的item沒有一起滑動（父Layout沒有刷新），據說要關閉硬件加速，筆者沒試過。

下面介紹另一種方法。

筆者使用的v4包版本是23.3，不保證23.3以下的版本有效

<android.support.v4.view.ViewPager    
        android:id="@+id/viewpage"    
        android:layout_width="match_parent"    
        android:layout_height="match_parent"    
        android:paddingLeft="80dp"    
        android:paddingRight="80dp"    
        android:clipToPadding="false"

 

 

這里只是把marginLeft和marginRight換成了paddingLeft和paddingRight，clipChildren換成了clipToPadding。

就是這么簡單，就解決了第一個方法的兩個缺點。

至於為什么，看ViewPager的源碼就知道了。

下面是ViewPager的onMeasure里的部分代碼：

 

setMeasuredDimension(getDefaultSize(0, widthMeasureSpec),  
                getDefaultSize(0, heightMeasureSpec));  
  
        final int measuredWidth = getMeasuredWidth();  
        final int maxGutterSize = measuredWidth / 10;  
        mGutterSize = Math.min(maxGutterSize, mDefaultGutterSize);  
  
        // Children are just made to fill our space.  
        int childWidthSize = measuredWidth - getPaddingLeft() - getPaddingRight();  
        int childHeightSize = getMeasuredHeight() - getPaddingTop() - getPaddingBottom();  

 

其中，默認情況下，childWidthSize就是頁面item的寬度了，等於ViewPager的寬度減去左右Padding。

我們給ViewPager設置了左右Padding，頁面item的寬度就變小了，左右的item也就顯示出來了，但要設置ViewPager的clipToPadding=false才行。

另外，設置item的間距，viewPager.setPageMargin(10);

兩個ViewPager嵌套時

當兩個viewPager嵌套時，正好要顯示兩邊item的viewPager是內層View時，當手指在接近屏幕邊緣滑動時，比如，在右邊緣左滑來顯示內層ViewPager右邊的內容時，會發現內層的ViewPager沒有切換，而是切換了父ViewPager的頁面。

解決方法是：

public static void clearGutterSize(ViewPager viewPager) {  
    try {  
        Field field = ViewPager.class.getDeclaredField("mDefaultGutterSize");  
        field.setAccessible(true);  
        field.set(viewPager, 0);  
          
        viewPager.requestLayout();  
    } catch (Exception e) {  
        Log.d("MyViewPager", "#clearGutterSize:", e);  
    }  
}  

 

內層和外層兩個viewPager都要clearGutterSize

clearGutterSize(parentViewPager)  

clearGutterSize(innerViewPager)  

 

轉自：http://blog.csdn.net/asia_deng/article/details/70176393