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

发布时间 - 2026-01-11 00:04:08    点击率:

实现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 ]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# viewpager  # 翻页  # viewpager翻页效果  # viewpager翻页动画  # android中图片翻页效果简单的实现方法  # 解析Android中实现滑动翻页之ViewFlipper的使用详解  # Android实现阅读APP平移翻页效果  # Android自定义左右或上下滑动翻页效果  # Android自定义ViewPager实现纵向滑动翻页效果  # Android ViewPager实现左右滑动翻页效果  # 基于Android实现3D翻页效果  # Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果  # Android CardView+ViewPager实现ViewPager翻页动画的方法  # Android实现翻页特效  # 的是  # 看不  # 滑出  # 也会  # 当我  # 要把  # 我用  # 便可  # 做一个  # 可以使用  # 变大  # 大家多多  # 每当我  # 有一个  # 驾考  # extends  # context  # super  # ReadViewPager 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何实现文件上传和存储?(本地与S3配置)  html5的keygen标签为什么废弃_替代方案说明【解答】  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  Laravel任务队列怎么用_Laravel Queues异步处理任务提升应用性能  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  济南网站建设制作公司,室内设计网站一般都有哪些功能?  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  如何登录建站主机?访问步骤全解析  如何破解联通资金短缺导致的基站建设难题?  如何选择PHP开源工具快速搭建网站?  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  如何快速配置高效服务器建站软件?  Laravel如何集成Inertia.js与Vue/React?(安装配置)  如何在景安云服务器上绑定域名并配置虚拟主机?  Laravel怎么多语言本地化设置_Laravel语言包翻译与Locale动态切换【手册】  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  如何在阿里云通过域名搭建网站?  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  浅谈Javascript中的Label语句  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  Laravel如何保护应用免受CSRF攻击?(原理和示例)  米侠浏览器网页背景异常怎么办 米侠显示修复  linux写shell需要注意的问题(必看)  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  Laravel Docker环境搭建教程_Laravel Sail使用指南  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  Laravel如何配置任务调度?(Cron Job示例)  googleplay官方入口在哪里_Google Play官方商店快速入口指南  如何在七牛云存储上搭建网站并设置自定义域名?  微信h5制作网站有哪些,免费微信H5页面制作工具?  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  Laravel的契約(Contracts)是什么_深入理解Laravel Contracts与依赖倒置  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  七夕网站制作视频,七夕大促活动怎么报名?  BootStrap整体框架之基础布局组件  详解阿里云nginx服务器多站点的配置  北京专业网站制作设计师招聘,北京白云观官方网站?  千库网官网入口推荐 千库网设计创意平台入口  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】  大连 网站制作,大连天途有线官网?  悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  JavaScript数据类型有哪些_如何准确判断一个变量的类型  javascript如何操作浏览器历史记录_怎样实现无刷新导航