ViewPager2+TabLayout实现左右滚动效果

已于 2024-02-28 14:31:20 修改
阅读量225 收藏
点赞数 1
文章标签： android
于 2024-02-28 14:12:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houyizi337825770/article/details/136344669
版权
作者分享了自学Android应用开发时遇到的问题，如何在新版本中使用ViewPager2替代已弃用的ViewPager配合TabLayout实现左右滚动效果，提供完整代码下载链接以供后来者参考。
摘要由CSDN通过智能技术生成

    最近在自学Android应用开发，想实现类似头条的tab左右滚动切换效果，网上找了好多参考案例都没有成功，要不就是代码贴的不全，要不就是使用的代码接口弃用了，要不就是使用的框架不更新了！好在最后搞出来了，就想把代码贴出来，给后来者一个参考（ViewPager有些API已经弃用了推荐使用ViewPager2）。

方法一、ViewPager + TabLayou效果图

方法一源码下载地址：https://download.csdn.net/download/houyizi337825770/88885764

方法二、ViewPager2+TabLayout效果图

方法二源码下载地址：https://download.csdn.net/download/houyizi337825770/88885765

houyizi313
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用viewpager(2)和Tablayout实现滑动分页
LinYuF的博客
06-13 1222
利用viewpager（2）和Tablayout实现滑动分页1.前言2.实现过程2.1引入viewpager2依赖库（两种方式）2.1.1手动添加2.1.2用Android-studio自带的功能自动添加注意！2.2 创建三个 Fragment并设计 各自的 UI 布局2.2.1 FirstFragment 的创建2.2.2 FirstFragment 对应的fragment_first.xml布局文件2.2.3 预览图2.2.4 其他2.3 适配器类(MyPagerAdapter.java)的编写2.4
【Android】ViewPager2+TabLayout实现无限轮播图
gxhuhuhu的博客
03-21 1576
本文手把手教您如何通过ViewPager2 + TabLayout实现一个无限轮播图组件
kotlin,Android 运用Tablayout+Viewpager2实现导航栏，手把手教会你
最新发布
m0_74531507的博客
07-18 936
手把手教会你如何运用Tablayout+Viewpager2实现导航栏
Android ViewPager 左右滑动-2
mickey
01-29 221
/*** * 选中效果 */ public void setSelector(int id) { for (int i = 0; i < title.length; i++) { if (id == i) { Bitmap bitmap = BitmapFactory.decodeRe...
【Android】ViewPager2和TabLayout协同使用，实现多Fragment页面切换类似于QQ音乐，bilibili效果
摸鱼小小虫的博客
11-14 5020
ViewPager2和TabLayout协同使用，实现多Fragment页面切换类似于QQ音乐，bilibili效果，实现滑动切换界面的效果
android 关于TabLayout联动ViewPager2 实现底部导航栏
qq_57276381的博客
10-05 2813
本篇文章使用的代码是Java这里官方是有将两个进行联动的方法的 当然如果不用也可以做 只不过应该没人会这样写...
Android ViewPager2 & TabLayout
2401_84122016的博客
04-14 1003
TextView)?.also{
ViewPager+TabLayout实现左右滚动效果
02-28
总的来说，通过`ViewPager`和`TabLayout`的组合使用，我们可以轻松实现类似头条的标题左右滑动效果，为用户提供直观且易于操作的界面。在这个过程中，对Android组件的熟悉、适配器模式的应用以及UI设计原则的理解都...
Android 中 CoordinatorLayout + AppBarLayout 实现滑动头部悬停效果（页面附带TabLayout + ViewPager + RecyclerView结构）
01-03
序 昨晚经历了美股本月的第三次熔断 ，有史...实现类似的效果 ，主要是使用三个控件相结合 CoordinatorLayout 、AppbarLayout 、NestedScrollView 。 AppbarLayout 是一种支持响应滚动手势的 app bar 布局 , Collapsi
Android 中基于TabLayout+ViewPager实现标签卡效果
08-28
"Android 中基于TabLayout+ViewPager实现标签卡效果" Android 中基于TabLayout+ViewPager实现标签卡效果是Android开发中常见的页面布局方式。TabLayout是Android Design Support Library中的一个控件，用于显示...
Android使用ViewPager实现左右无限滑动
01-04
前言         网上有很多使用ViewPager实现左右滑动这一效果的资料，这些资料大多数都是将PagerAdapter中getCount()方法的返回值设为Integer.MAX_VALUE使用户看不到边界，然后在instantiateItem()方法中通过position%（要循环显示的数据集的长度）的方式取得对应的数据集。这样虽然可以做到无限循环，但是会有两个弊端：首先会创建大量对象，容易引起内存溢出（循环加载图片）从而影响性能；其次从第一页向右滑动的时候是无法滑动的。        今天给大家分享的是另一种实现方式：创建三个图片视图放入ViewPager中默认选中第二页，在接
ViewPager的使用方法(实现左右滑动切换页面)
02-09
ViewPager的使用方法(实现左右滑动切换页面) 类似于微信TAB
CoordinatorLayout+AppBarLayout+TabLayout+viewpager实现跟随隐藏tablayout功能
05-06
总之，"CoordinatorLayout+AppBarLayout+TabLayout+viewpager实现跟随隐藏tablayout功能"是一个实用的Android开发示例，它演示了如何利用Android支持库中的组件来创建符合Material Design标准的高级交互效果。...
TabLayout+ViewPager2
weixin_41733225的博客
06-08 500
依赖 //tabLayout implementation 'com.google.android.material:material:1.3.0' //BindView implementation 'com.jakewharton:butterknife:10.2.1' annotationProcessor 'com.jakewharton:butterknife-compiler:10.2.1' style <style name="TabLayout.
Andorid-ViewPage2 左右滑动
yuzheh521的博客
01-02 693
viewPager2.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:id="@+id/containerT" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent
Android利用ViewPage2+TabLayout实现顶部导航栏
LIUCHANGSHUO的博客
06-03 554
Android利用ViewPage2+TabLayout实现顶部导航栏
Android ViewPager动态向前向后加载数据,自定义viewPager滑动速度
#ifndefine maxwit #define maxwit...#endif
08-12 3603
来自： http://hiqianjin.com/blog/474
ButterKnife实现原理，Android插件化主流框架和实现原理
m0_66070663的博客
01-07 788
可用注解和反射实现 拿BindView为例：首先创建BindView注解，参数为默认 int value() @Retention(RetentionPolicy.RUNTIME) @Target(ElementType.FIELD) @interface BindView { int value(); } 在相应的类中进行引用： @BindView(R.id.text1) TextView textView1; @BindView(R.id.text2) TextView textView2;
帮我写一个布局，要求NestedScrollView 嵌套 tablayout+viewpager，tablayout要有吸顶效果
05-14
好的，以下是一个简单的布局代码示例，可以实现 NestedScrollView 嵌套 tablayout+viewpager，同时也有吸顶效果。 ```xml android:layout_width="match_parent" android:layout_height="match_parent"> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值