android 翻页动态效果,android ViewPager实现滑动翻页效果实例代码

实现ViewPager的滑动翻页效果可以使用ViewPager的setPageTransformer方法，如下：

import android.content.Context;

import android.support.v4.view.ViewPager;

import android.util.AttributeSet;

import android.view.View;

public class ReadViewPager extends ViewPager

{

public ReadViewPager(Context context)

{

super(context);

}

public ReadViewPager(Context context,AttributeSet attrs)

{

super(context,attrs);

setAnima();

}

public void setAnima()

{

setPageTransformer(true,new PageTransformer()

{

private static final float MIN_SCALE = 0.75f;

@Override

public void transformPage(View view,float position)

{

int pageWidth = view.getWidth();

int pageHeight =view.getHeight();

if (position < -1)

{

// [-Infinity,-1)

// This page is way off-screen to the left.

view.setAlpha(0);

}

else if (position <= 0)

{

// [-1,0]

// Use the default slide transition when moving to the left page

view.setAlpha(1);

view.setTranslationX(0);

view.setScaleX(1);

view.setScaleY(1);

}

else if (position <= 1)

{

// (0,1]

// Fade the page out.

view.setAlpha(1 - position);

//

// // Counteract the default slide transition

// view.setAlpha(1);

view.setTranslationX(pageWidth * -position);

//

// // Scale the page down (between MIN_SCALE and 1)

float scaleFactor = MIN_SCALE

+ (1 - MIN_SCALE) * (1 - Math.abs(position));

view.setScaleX(scaleFactor);

view.setScaleY(scaleFactor);

}

else

{

// (1,+Infinity]

// This page is way off-screen to the right.

view.setAlpha(0);

}

}

});

}

}

核心代码是android官方demo，以上实现的是翻页效果是：上面一页被滑出界面时，下面一页慢慢显现，透明度慢慢加大，并且大小由小慢慢变大。

不过有一个奇怪的现象，当我做一个答题界面时，刚刚开始我采用ViewPager与View结合实现无限循环切换，并且采用上面的动画效果，可是每当我滑动到最后一张，也就是要开始新的一轮循环的时候，被滑出去的一页也会出现慢慢变透明的情况，而我用ViewPager结合Fragment实现无限循环切换的是就不会出现这种效果

如果想要实现仿造驾考宝典的翻页效果，只要把核心方法改为以下代码便可以了

setPageTransformer(true,new PageTransformer() {

private static final float MIN_SCALE = 0.75f;

@Override

public void transformPage(View view,float position) {

int pageWidth = view.getWidth();

int pageHeight =view.getHeight();

if (position < -1) { // [-Infinity,-1)

// This page is way off-screen to the left.

view.setAlpha(0);

} else if (position <= 0) { // [-1,0]

// Use the default slide transition when moving to the left page

view.setAlpha(1);

view.setTranslationX(0);

view.setScaleX(1);

view.setScaleY(1);

} else if (position <= 1) { // (0,1]

// Fade the page out.

// view.setAlpha(1 - position);

//

// // Counteract the default slide transition

view.setAlpha(1);

view.setTranslationX(pageWidth * -position);

//

// // Scale the page down (between MIN_SCALE and 1)

// float scaleFactor = MIN_SCALE

// + (1 - MIN_SCALE) * (1 - Math.abs(position));

// view.setScaleX(scaleFactor);

// view.setScaleY(scaleFactor);

} else { // (1,+Infinity]

// This page is way off-screen to the right.

view.setAlpha(0);

}

}

});

下面我们来讲讲position参数：

position的可能性的值有：

[-Infinity,-1)  已经看不到了

(1,+Infinity] 已经看不到了

[-1,1]

重点看[-1,1]这个区间 ， 其他两个的View都已经看不到了~~

假设现在ViewPager在A页现在滑出B页，则:

A页的position变化就是( 0,-1]

B页的position变化就是[ 1,0 ]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！