天天看點

viewpager的PageTransformer采坑

網上找了幾個文章,有幾個需要幾下的地方:

1.mViewCard.setPageMargin(ScreenUtil.dp2px(10));//設定viewpage之間的間距

這個是設定viewpager頁面的間距,一定要轉換成px;這個是正确的間距。

2.布局檔案要設定左右邊距,父布局和viewpager都要設定android:clipChildren=false,以便在布局之外顯示頁面

<android.support.v4.view.ViewPager
    android:id="@+id/vp_card"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_marginLeft="60dp"
    android:layout_marginRight="60dp"
    android:clipChildren="false">
</android.support.v4.view.ViewPager>      

3.移動動畫,最小值最大值

private static final float MAX_SCALE = 1.0f;//這個就是正常顯示的時候的值
private static final float MIN_SCALE = 0.85f;//這個是頁面在兩邊的時候,設定的縮放,不要搞錯了。

    @Override
    public void transformPage(View view, float position) {
        if (position < -1) {    // 不可見,滑動到最左邊了
            view.setScaleX(MIN_SCALE);
            view.setScaleY(MIN_SCALE);
        } else if (position >= -1 && position < 0) {
            float scaleFactor =  MIN_SCALE + (1-Math.abs(position))*(MAX_SCALE-MIN_SCALE);
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);
        } else if (position >= 0 && position <= 1) {
            float scaleFactor =  MIN_SCALE + (1 - Math.abs(position))*(MAX_SCALE-MIN_SCALE);
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);
        } else if (position > 1) {
            view.setScaleX(MIN_SCALE);
            view.setScaleY(MIN_SCALE);
        }
    }