温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在android应用中利用ViewPager实现一个滑动翻页效果

发布时间:2020-11-26 16:52:26 来源:亿速云 阅读:239 作者:Leah 栏目:移动开发

这期内容当中小编将会给大家带来有关怎么在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 ]

上述就是小编为大家分享的怎么在android应用中利用ViewPager实现一个滑动翻页效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI