如何修复android标签片段中标签布局的高程

Question

请帮助我如何将标签布局的边框与Appbarlayout相匹配，并完成该行以使其感觉单一。为什么我的标签布局显示在Appbar后面。

这是我的标签布局屏幕截图：

这是我的Tablayout 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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.ahsan.growupwork.ViewProjects">

    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/random1"
        app:tabMode="fixed"
        app:tabGravity="fill"
        android:id="@+id/tab_layout"
        app:tabTextColor="@color/cardview_light_background"
        app:tabIndicatorColor="@color/cardview_light_background"
        app:tabIndicatorHeight="3dp"
        android:elevation="0dp"
        app:tabSelectedTextColor="@color/cardview_light_background"
        />



<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/viewpager"/>

</LinearLayout>

Answer 1

你必须增加tablayout的高度：app:elevation="10dp"以显示它位于工具栏上方，但如果你想删除它只需更改行

android:elevation="0dp"

到

app:elevation="0dp"

Answer 2

为了创建您想要的效果，您必须对 AppBarLayout 应用高程，它会修复它。 要使用工具栏，请在下面的代码中使用 AppBarLayout 将其包装起来。

     <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:elevation="0dp">

            <com.google.android.material.appbar.MaterialToolbar
                android:id="@+id/toolbar"
                style="@style/Widget.MaterialComponents.Toolbar.Primary"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:title="@string/app_name" />
        </com.google.android.material.appbar.AppBarLayout>