ViewPager在項目開發(fā)的用得很是頻繁，在平時的項目中，我也總結(jié)了一些產(chǎn)品經(jīng)理可能要求要的一些關(guān)于ViewPager的特殊效果，特在此總結(jié)一下，以備以后的不時之需。

github代碼直通車

1. 3D畫廊效果

2.相互連接顯示效果

3.水滴指示器效果

4.動態(tài)設(shè)置是否可滾動效果

1. 3D畫廊效果

關(guān)鍵點：給viewpager設(shè)置一個滑動轉(zhuǎn)化器，做按角度進行縮放。

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

    @Override
    public void transformPage(View page, float position) {
        float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
        float rotate = 10 * Math.abs(position);
        //position小于等于1的時候，代表page已經(jīng)位于中心item的最左邊，
        //此時設(shè)置為最小的縮放率以及最大的旋轉(zhuǎn)度數(shù)
        if (position <= -1) {
            page.setScaleX(MIN_SCALE);
            page.setScaleY(MIN_SCALE);
            page.setRotationY(rotate);
        } else if (position < 0) {//position從0變化到-1，page逐漸向左滑動
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
            page.setRotationY(rotate);
        } else if (position >= 0 && position < 1) {//position從0變化到1，page逐漸向右滑動
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
            page.setRotationY(-rotate);
        } else if (position >= 1) {//position大于等于1的時候，代表page已經(jīng)位于中心item的最右邊
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
            page.setRotationY(-rotate);
        }
    }
}

2.相互連接顯示效果

關(guān)鍵點：給viewpager及其父容器設(shè)置android:clipChildren="false"，讓父容器不限制子view的大小，讓其可以超出父view顯示。然后設(shè)置一個viewPager.setPageMargin(50)，這個margin數(shù)值可以根據(jù)需要漏出的寬度來調(diào)節(jié)。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".gallery.GalleryActivity"
    android:clipChildren="false">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="40dp"
        android:clipChildren="false"/>

</RelativeLayout>

3.水滴指示器效果

關(guān)鍵點：使用的是DropIndicator這個自定義ViewGroup。

4.動態(tài)設(shè)置是否可滾動效果

關(guān)鍵點：設(shè)置一個變量，判斷在onTouchEvent是否需要處理viewpager的滑動事件。

public class ScrollableViewPager extends ViewPager {

    private boolean scrollable = true;

    public ScrollableViewPager(Context context) {
        super(context);
    }

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        if (!scrollable) {
            return false;
        }

        return super.onTouchEvent(ev);
    }

    public boolean isCanScrollble() {
        return scrollable;
    }

    public void setCanScrollble(boolean scrollble) {
        this.scrollable = scrollble;
    }
}