继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

简单几行代码让ViewPager实现垂直滑动效果

慕仰1870381
关注TA
已关注
手记 53
粉丝 4484
获赞 456

近几日有网友在群里提问:有没有大神做过ViewPager实现垂直滑动效果。其实这个问题实现很简单,下面就简单的讲一下实现步骤:

先来看一张效果图:(你会发现,切换ViewPager慢一些,会看到颜色过渡效果,so beautiful)



webp

垂直ViewPager演示


一、首先写一个类继承ViewPager,在构造方法里面设置viewpage的切换动画,然后重写onInterceptTouchEvent,对事件是否处理进行判断。

写一个类继承ViewPager, 具体代码如下:

webp

下面看看核心类PageTransformer,它是处理动画切换之类的。下面我自定义一个PageTransformer,重写transformPage方法,处理动画切换方向。


webp

完整的代码如下图所示:

webp

自定义的ViewPager

二、使用方法也很简单。

以下是MainActivity的代码:

webp

以下是PagerAdapter的代码:

webp

完整的MainActivity请看下图:

webp

MainActivity代码


三、布局文件如下:

下面是view_one.xml,view_two,view_three也是一样的,只是text内容不一样。为了演示简单,这里只是用了TextView做演示。

webp

ViewPager加载的布局内容

activity_main.xml代码如下:

webp

activity_main.xml代码




打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP