viewpager 自定义翻页效果_ViewPager各种骚操作,说不定你可以用上

点击上方蓝字关注 ??

来源：奔跑吧李博 https://www.jianshu.com/p/2ce678beebef

前言

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

1. 3D画廊效果

2.相互连接显示效果

3.水滴指示器效果

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

详解

1. 3D画廊效果

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

public class RotationPageTransformer implements ViewPager.PageTransformer {private static final float MIN_SCALE = 0.85f;@Overridepublic 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"?><RelativeLayoutxmlns: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.ViewPagerandroid: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);
 }@Overridepublic 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;
 }
}

代码直通车:

https://github.com/18380438200/ViewPagerUse

—————END—————

     
   创作不易，点个“在看”