【Android】TabLayout + ViewPager + Fragment 实现顶部导航条和页面切换

最新推荐文章于 2025-05-13 16:59:38 发布

「已注销」

最新推荐文章于 2025-05-13 16:59:38 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： android

本文链接：https://blog.csdn.net/weixin_52137816/article/details/125984208

本文介绍如何使用Android的TabLayout、ViewPager和Fragment来创建顶部导航条并实现页面切换。通过实例详细讲解了从布局设置到Fragment创建，再到适配器的实现，最后将TabLayout与ViewPager绑定，完成功能的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 效果预览

2. 在布局文件中放置 TabLayout 和 ViewPager

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".MainActivity">

    <!--
        app:tabSelectedTextColor - 设置文字被选中后的颜色
        app:tabIndicatorColor - 设置指示器颜色
        app:tabIndicatorHeight - 设置指示器高度
    -->
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_message"
        app:tabSelectedTextColor="