天天看点

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);
        }
    }