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

简介: 近几日有网友在群里提问:有没有大神做过ViewPager实现垂直滑动效果。其实这个问题实现很简单,下面就简单的讲一下实现步骤:先来看一张效果图:(你会发现,切换ViewPager慢一些,会看到颜色过渡效果,so beautiful)垂直ViewPager演示一、首先写一个类继承ViewPager,在构造方法里面设置viewpage的切换动画,然后重写onInterceptTouchEvent,对事件是否处理进行判断。

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

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



垂直ViewPager演示


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

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

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


完整的代码如下图所示:

自定义的ViewPager

二、使用方法也很简单。

以下是MainActivity的代码:

以下是PagerAdapter的代码:

完整的MainActivity请看下图:

MainActivity代码

三、布局文件如下:

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

ViewPager加载的布局内容

activity_main.xml代码如下:

activity_main.xml代码




相关文章:

【原创】自定义ViewPager实现3D画廊效果

【原创】自定义ProgressBar(一)

【原创】Android Studio使用Vector创建矢量图并加载

  万能的dialog库(包括类似popwindow效果)

【原创】教你如何最快写出酷炫的dialog对话框

【原创】封装工厂类创建BottomNavigationBar的addItem

相关文章
|
7月前
|
Android开发
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)
ViewPager 显示 两侧的View,各显示一点
ViewPager 显示 两侧的View,各显示一点
ViewPager 显示 两侧的View,各显示一点
|
XML 数据格式
千变万化的ViewPager指示器-MagicIndicator
千变万化的ViewPager指示器-MagicIndicator
千变万化的ViewPager指示器-MagicIndicator
|
Java Android开发 容器
TableLayout和Viewpager实现切换
因为我是在之前的基础上写的,所以这个TableLayout和Viewpager实际上是写在Fragment上的。要写到Activity里其实也是一样的啦。 先看效果图,原谅我不会动态图,只能截个图啦 布局文件 app:tabIndicatorcolor意思是选中的导航条的颜色。 app:tabSelectesTextColor是选中的导航条的文字
2204 0
|
Android开发 容器
Android开发之ViewPager切换动画
Android从3.0开始,ViewPager也开始有了切换动画,ViewPager有个setPageTransformer()方法,用于设置ViewPager切换时的动画效果。
933 0
|
Android开发 容器
ViewPagerIndicator+viewpager指示器详解
前几天学习了ViewPager作为引导页和Tab的使用方法。后来也有根据不同的使用情况改用Fragment作为Tab的情况,以及ViewPager结合FragmentPagerAdapter的使用。今天学习一种利用开源控件ViewPagerIndicator实现Tab的方式,也是各种新闻客户端等APP开发最常用的。 1.如何使用开源框架 第1步:improt library项目
1267 0