效果圖
效果實現(xiàn)
Paste_Image.png
圖中所示,當(dāng)page1向左滑動的時候page1 y軸瞬時針進(jìn)行旋轉(zhuǎn) x軸進(jìn)行旋轉(zhuǎn),page2 則相反,(x y軸角度旋轉(zhuǎn)差 可以實現(xiàn)z軸旋轉(zhuǎn)的效果).
code
viewPager.setPageTransformer(true, new ViewPager.PageTransformer() {
@Override public void transformPage(View view, float position) {
float mRot = (15.0f * position);
if (position < -1) {
ViewCompat.setRotationX(view, 0);
ViewCompat.setRotationY(view, 0);
ViewCompat.setRotation(view, 0);
} else if (position >= 1) {
ViewCompat.setRotationX(view, 0);
ViewCompat.setRotationY(view, 0);
ViewCompat.setRotation(view, 0);
} else if (position > 0) {//->[0,1] 向左滑動時候page2 postion的偏移值 從0到1變化過程
ViewCompat.setPivotX(view, view.getMeasuredWidth() / 3);
ViewCompat.setPivotY(view, view.getMeasuredHeight());
ViewCompat.setRotationY(view, -mRot / 2);
ViewCompat.setRotationX(view, mRot / 3);
} else if (position < 0) {//[<- [0,-1]]向左滑動時候page1 postion的偏移值 從0到0-1變化過程
ViewCompat.setPivotX(view, view.getMeasuredWidth() / 3);
ViewCompat.setPivotY(view, view.getMeasuredHeight());
ViewCompat.setRotationY(view, -mRot / 2);
ViewCompat.setRotationX(view, -mRot / 3);
}
}
});
