android TabLayout与ViewPager的结合使用（类似今日头条的首页滑动）

最新推荐文章于 2024-09-25 15:58:02 发布

持续加油

最新推荐文章于 2024-09-25 15:58:02 发布

阅读量622

点赞数

分类专栏： android杂记文章标签： android viewpager 安卓

本文链接：https://blog.csdn.net/y_an_y/article/details/112098500

版权

本文介绍了如何在Android中将TabLayout与ViewPager结合使用，以实现类似今日头条首页的滑动效果。通过布局设置、绑定代码以及创建适配器和Fragment，详细展示了这一功能的实现过程。

摘要由CSDN通过智能技术生成

TabLayout与ViewPager的结合使用

两者结合使用的效果

在这里插入图片描述
上边的分类块滑动的时候，下面的viewpager 也跟着切换，下面的viewPager滑动，上面的分类也随着变。

下面代码的实现效果

在这里插入图片描述

实现

这里就简单的实现相应功能。

写布局

对应的布局文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

   <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="35dp"