前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >简单几行代码让ViewPager实现垂直滑动效果

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

作者头像
AWeiLoveAndroid
发布2018-09-03 17:04:48
9810
发布2018-09-03 17:04:48
举报
文章被收录于专栏:Flutter入门到实战

近几日有网友在群里提问:有没有大神做过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代码

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.06.03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 近几日有网友在群里提问:有没有大神做过ViewPager实现垂直滑动效果。其实这个问题实现很简单,下面就简单的讲一下实现步骤:
    • 一、首先写一个类继承ViewPager,在构造方法里面设置viewpage的切换动画,然后重写onInterceptTouchEvent,对事件是否处理进行判断。
      • 二、使用方法也很简单。
        • 三、布局文件如下:
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档