ViewPager各种骚操作,说不定你可以用上

ViewPager在项目开发的用得很是频繁，在平时的项目中，我也总结了一些产品经理可能要求要的一些关于ViewPager的特殊效果，特在此总结一下，以备以后的不时之需。

github代码直通车

1. 3D画廊效果

2.相互连接显示效果

3.水滴指示器效果

4.动态设置是否可滚动效果

1. 3D画廊效果

关键点：给viewpager设置一个滑动转化器，做按角度进行缩放。

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已经位于中心item的最左边，
        //此时设置为最小的缩放率以及最大的旋转度数
        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已经位于中心item的最右边
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
            page.setRotationY(-rotate);
        }
    }
}

2.相互连接显示效果

关键点：给viewpager及其父容器设置android:clipChildren="false"，让父容器不限制子view的大小，让其可以超出父view显示。然后设置一个viewPager.setPageMargin(50)，这个margin数值可以根据需要漏出的宽度来调节。

<?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.水滴指示器效果

关键点：使用的是DropIndicator这个自定义ViewGroup。

4.动态设置是否可滚动效果

关键点：设置一个变量，判断在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;
    }
}