android viewpager 上下滚动条,简单几行代码让ViewPager实现垂直滑动效果

最新推荐文章于 2021-05-26 08:09:10 发布
最新推荐文章于 2021-05-26 08:09:10 发布
阅读量414 收藏
点赞数
文章标签： android viewpager 上下滚动条

近几日有网友在群里提问：有没有大神做过ViewPager实现垂直滑动效果。其实这个问题实现很简单，下面就简单的讲一下实现步骤：先来看一张效果图：(你会发现，切换ViewPager慢一些，会看到颜色过渡效果，so beautiful)

AAffA0nNPuCLAAAAAElFTkSuQmCC

垂直ViewPager演示

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

具体代码如下：

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

AAffA0nNPuCLAAAAAElFTkSuQmCC完整的代码如下图所示：

AAffA0nNPuCLAAAAAElFTkSuQmCC

自定义的ViewPager

二、使用方法也很简单。以下是MainActivity的代码：

AAffA0nNPuCLAAAAAElFTkSuQmCC以下是PagerAdapter的代码：

AAffA0nNPuCLAAAAAElFTkSuQmCC完整的MainActivity请看下图：

AAffA0nNPuCLAAAAAElFTkSuQmCC

MainActivity代码

三、布局文件如下：

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

AAffA0nNPuCLAAAAAElFTkSuQmCC

ViewPager加载的布局内容activity_main.xml代码如下：

AAffA0nNPuCLAAAAAElFTkSuQmCC

activity_main.xml代码

作者：AWeiLoveAndroid

链接：https://www.jianshu.com/p/d3065bbc1167

拾亿年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ViewPager上下滑动屏幕
07-08
这个是我在github上找到的例子，效果还不错，借花献佛上传上来，希望能有帮助有需要的伙伴，里面的jar文件是被重写过的 使用的时候不要忘了导入
使用ViewPager+Fragment来实现带滚动条的多屏滑动-IndicatorFragmentActivity
白雾霾
12-08 233
转载请注明出处：http://blog.csdn.net/singwhatiwanna/article/details/17201587 介绍 在android应用中，多屏滑动是一种很常见的风格，博主之前也写过一些多屏滑动的demo，比如滚动banner(http://blog.csdn.net/singwhatiwanna/article/details/8875241)和仿tabhost的...
android viewpager 上下滚动条,安卓 ViewPager－上下滑动
weixin_28750421的博客
05-26 295
安卓 ViewPager－上下滑动自带是左右滑动的，写一个类，继承自 ViewPager，使其实现上下滑动，网上有人写好了，我也偷懒了，直接复制过来。原文见：https://blog.csdn.net/k_bb_666/article/details/79843477。该文章还介绍了横向、纵向嵌套的问题。package com.itpow.android;import android.conten...
Android ViewPager 垂直滑动
莫冬
09-14 3271
ViewPager 默认纵向滑动，如何垂直滑动滑动呢，最简单的方法，设置ViewPager旋转；    mViewPager.setRotation(-90); 这样会导至内容也转方向，所以要设置页内容的view.setRotation(90); 这样内容就正向了。...
Android自定义ViewPager实现纵向滑动翻页效果
08-27
Android自定义ViewPager实现纵向滑动翻页效果是指在Android开发中实现ViewPager的纵向滑动翻页效果，达到类似抖音的视屏切换效果。这个效果通过自定义ViewPager实现，主要思路是交换Touch事件的x、y坐标，并实现...
android ViewPager实现滑动翻页效果实例代码
08-31
Android ViewPager实现滑动翻页效果实例代码 Android ViewPager是一个非常有用的控件，经常被用来实现滑动翻页效果。今天，我们将介绍如何使用ViewPager实现滑动翻页效果，并提供一个实例代码。 首先，让我们来...
Android使用ViewPager实现图片滑动预览效果
08-29
Android 使用 ViewPager 实现图片滑动预览效果 Android 中的 ViewPager 是一个非常常用的控件，用于实现滑动式的界面切换。今天，我们来学习如何使用 ViewPager 实现图片滑动预览效果。 首先，我们需要在布局文件...
Android ViewPager实现左右滑动翻页效果
08-28
"Android ViewPager实现左右滑动翻页效果" Android ViewPager是Android平台上一种常用的滑动翻页控件，能够实现左右滑动翻页效果，下面将详细介绍ViewPager实现左右滑动翻页效果的知识点。 一、ViewPager概述 ...
Android ViewPager无限循环实现底部小圆点动态滑动
09-02
在Android开发中，`ViewPager`是一个非常常见的组件，常用于实现页面滑动的效果，例如在应用的引导页或者图片轮播器中。本话题将详细介绍如何实现一个带有无限循环特性的`ViewPager`，以及底部小圆点动态滑动的实现...
上下滑动的ViewPager
05-23
实现上下滑动的ViewPager，在原生控件上做了修改，如果不足之处还望指正，谢谢！
ViewPager垂直滑动
04-13
ViewPager实现页面垂直方向的滑动.
垂直方向滑动的ViewPager
07-17
垂直方向滑动的ViewPager，高仿网易新闻V3.5版本新特性显示。如没特殊说明，本人代码的编码方式均为UTF-8。
垂直方向滑动的ViewPager,Android之仿网易V3.5新特性
10-29
垂直方向滑动的ViewPager,Android之仿网易V3.5新特性，源代码
Android代码-Android 支持水平和垂直滑动的ViewPager，效果很赞。
08-06
InfiniteCycleViewPager Infinite cycle ViewPager with two-way orientation and interactive effect.                           U can check the sample app here. Warn This library is not more supported. If you want to add new feature or fix a bug, grab source code and do it. If you think your fix or feature would be useful to other developers, I can add link of your repository to this README file. Thank you for using our libraries. Download You can download a .aar from GitHub
滚动条 viewPager
weixin_33985507的博客
01-26 128
滚动条 viewPager [1]在布局中声明控件 <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="250dp"></an...
一、Android控件选择之ViewPager
weixin_34008805的博客
04-23 174
　　1、ViewFlipper和动画结合最后效果最后失败告终。经过大神介绍，使用Google推出的V4包中的ViewPager。次控件可以左右滑动，墨迹天气等等拿来做引导页面。最终实现效果见此优酷地址：http://v.youku.com/v_show/id_XNDEzNzAxMjYw.html 　　2、ViewPager此控件，Google官方提供的ViewPager控件只能横向滑动，所以得需...
android viewpager 上下滚动条,Github最火开源项目-一分钟实现ViewPager上下滑动
weixin_33142729的博客
05-26 272
自定义控件联网工具数据库源码分析相关面试题Activity相关面试题Service相关面试题与XMPP相关面试题与性能优化相关面试题与登录相关面试题与开发相关面试题与人事相关面试题支持水平方向上滑动和竖直方向上的滑动，直接修改的官方提供的ViewPager的源码，注入了方向判断，使用起来和官方的ViewPager基本一样，还有监听事件也是一样的，支持setOffscreenPageLimit()可...
Android中自定上下拖动Viewpager
renkchina
08-03 788
我们在淘宝上购物的时候，在浏览商品页面时，有看到有”继续拖动，查看图文详情”，实则就是纵向拖动的Viewpager。今天我们就要来实现它。先上效果图。 要实现上面的效果，我们今天必须学习两样东西，一个就是ViewDragHelper，另外一个就是GestureDetectorCompat。好了，我们先，来看看View的拖动工具类。ViewDragHelper的基本用法很简单。官方自带的Draw
Android ViewPager实现点击滑块左右滑动翻页效果完整代码
最新发布
05-12
以下是一个简单的实现点击滑块左右滑动翻页效果的ViewPager的完整代码。在这个例子中，我们使用了TabLayout和ViewPager来实现这个效果。 1.在XML文件中声明ViewPager和TabLayout： ```xml <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="scrollable" app:tabGravity="fill"/> <android.support.v4.view.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 2.在Java文件中初始化ViewPager和TabLayout： ```java ViewPager viewPager = findViewById(R.id.view_pager); TabLayout tabLayout = findViewById(R.id.tab_layout); viewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager(), tabLayout.getTabCount())); viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(TabLayout.Tab tab) { } @Override public void onTabReselected(TabLayout.Tab tab) { } }); ``` 3.创建适配器类： ```java public class MyPagerAdapter extends FragmentPagerAdapter { private int numOfTabs; public MyPagerAdapter(FragmentManager fm, int numOfTabs) { super(fm); this.numOfTabs = numOfTabs; } @Override public Fragment getItem(int position) { switch (position) { case 0: return new Fragment1(); case 1: return new Fragment2(); case 2: return new Fragment3(); default: return null; } } @Override public int getCount() { return numOfTabs; } } ``` 4.创建Fragment类： ```java public class Fragment1 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_1, container, false); return view; } } public class Fragment2 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_2, container, false); return view; } } public class Fragment3 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_3, container, false); return view; } } ``` 5.创建布局文件： fragment_1.xml： ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical"> <TextView android:text="Fragment 1" android:textSize="20sp" android:textStyle="bold" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` fragment_2.xml： ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical"> <TextView android:text="Fragment 2" android:textSize="20sp" android:textStyle="bold" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` fragment_3.xml： ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical"> <TextView android:text="Fragment 3" android:textSize="20sp" android:textStyle="bold" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` 现在，你可以运行这个应用程序来查看ViewPager实现点击滑块左右滑动翻页的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值