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任务队列怎么用_Laravel Queues异步处理任务提升应用性能
Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】
如何在Windows服务器上快速搭建网站?
Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南
如何用PHP快速搭建CMS系统?
教你用AI润色文章,让你的文字表达更专业
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
🚀拖拽式CMS建站能否实现高效与个性化并存?
Laravel如何实现API资源集合?(Resource Collection教程)
悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】
如何挑选高效建站主机与优质域名?
如何在企业微信快速生成手机电脑官网?
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】
在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?
高性价比服务器租赁——企业级配置与24小时运维服务
Laravel如何从数据库删除数据_Laravel destroy和delete方法区别
香港服务器网站推广:SEO优化与外贸独立站搭建策略
百度浏览器如何管理插件 百度浏览器插件管理方法
Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询
大连网站制作公司哪家好一点,大连买房网站哪个好?
Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全
如何在云主机上快速搭建多站点网站?
PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)
Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门
免费网站制作appp,免费制作app哪个平台好?
Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】
JS中对数组元素进行增删改移的方法总结
如何快速搭建高效可靠的建站解决方案?
UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】
网站制作软件有哪些,制图软件有哪些?
Laravel如何理解并使用服务容器(Service Container)_Laravel依赖注入与容器绑定说明
如何将凡科建站内容保存为本地文件?
Laravel怎么实现验证码(Captcha)功能
高端网站建设与定制开发一站式解决方案 中企动力
如何用景安虚拟主机手机版绑定域名建站?
Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】
为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】
lovemo网页版地址 lovemo官网手机登录
Python文本处理实践_日志清洗解析【指导】
Laravel如何构建RESTful API_Laravel标准化API接口开发指南
Laravel如何优化应用性能?(缓存和优化命令)
公司门户网站制作流程,华为官网怎么做?
如何在阿里云高效完成企业建站全流程?
如何用AI一键生成爆款短视频文案?小红书AI文案写作指令【教程】
如何在建站之星绑定自定义域名?
香港服务器部署网站为何提示未备案?
香港服务器WordPress建站指南:SEO优化与高效部署策略
Laravel如何创建和注册中间件_Laravel中间件编写与应用流程
开心动漫网站制作软件下载,十分开心动画为何停播?

