如何在LinearLayout中插入TabView 实现TabLayout位于其他内容下方的安卓布局

核心思路不需要修改TabLayout本身的默认属性，只需要调整父容器的布局顺序即可实现需求，以下是具体实现方案：

1. 布局选型 #

根据业务交互需求选择对应根容器即可：

• 无滚动隐藏需求的简单场景：用垂直方向LinearLayout/ConstraintLayout作为根布局，按顺序排布自定义头部、TabLayout、内容容器
• 有头部随Tab内容滑动隐藏需求的场景：用CoordinatorLayout + AppBarLayout组合，把自定义头部和TabLayout都放在AppBarLayout内部，配置对应滚动属性即可

2. 最简实现代码（无滚动隐藏需求） #

布局XML代码 #

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

    <!-- 自定义头部区域，可替换为任意自定义布局 -->
    <LinearLayout
        android:id="@+id/custom_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:background="@color/white">
        <!-- 此处填写你的自定义内容：头像、按钮、文本等 -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="自定义头部内容"
            android:textSize="18sp"/>
    </LinearLayout>

    <!-- Tab选项卡组件 -->
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"/>

    <!-- Tab对应内容容器，用ViewPager2承载Fragment -->
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

逻辑绑定代码（Kotlin示例） #

// 1. 初始化Tab选项卡
tabLayout.addTab(tabLayout.newTab().setText("Tab1"))
tabLayout.addTab(tabLayout.newTab().setText("Tab2"))
tabLayout.addTab(tabLayout.newTab().setText("Tab3"))

// 2. 给ViewPager2设置Fragment适配器
viewPager.adapter = object : FragmentStateAdapter(this) {
    override fun getItemCount() = 3
    override fun createFragment(position: Int) = when(position) {
        0 -> Tab1Fragment()
        1 -> Tab2Fragment()
        2 -> Tab3Fragment()
        else -> Tab1Fragment()
    }
}

// 3. 绑定TabLayout和ViewPager2的联动逻辑
TabLayoutMediator(tabLayout, viewPager) { tab, position ->
    tab.text = when(position) {
        0 -> "Tab1"
        1 -> "Tab2"
        2 -> "Tab3"
        else -> "Tab1"
    }
}.attach()

3. 扩展实现（头部随Tab内容滑动隐藏） #

如果需要滑动Tab内容时收起上方自定义头部，替换根布局为CoordinatorLayout即可：

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- 自定义头部，配置滚动属性 -->
        <LinearLayout
            android:id="@+id/custom_header"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp"
            app:layout_scrollFlags="scroll|enterAlways">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="自定义头部内容"
                android:textSize="18sp"/>
        </LinearLayout>

        <!-- TabLayout 不配置滚动属性，固定在头部下方 -->
        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabMode="fixed"
            app:tabGravity="fill"/>

    </com.google.android.material.appbar.AppBarLayout>

    <!-- ViewPager2 配置滚动行为 -->
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

注意事项 #

• 需提前引入Material Design组件库，确保build.gradle中已添加依赖implementation 'com.google.android.material:material:对应版本号'
• 自定义头部高度固定的场景建议直接设置固定dp值，性能优于wrap_content
• 嵌套滚动场景下，Fragment内部的滚动容器需使用NestedScrollView或RecyclerView，否则CoordinatorLayout滚动行为会失效

内容的提问来源于stack exchange，提问作者anna0704