如何在不改变位置的情况下增加 xml 中的制表符高度。 viewpager 也落后于选项卡布局

Question

请帮帮我。我有一个选项卡布局和一个 viewpager。我有两个问题。我想降低 tablayout 的高度。同样在滚动（页面中的列表视图）时，因为 viewpager 在选项卡布局后面，选项卡布局隐藏了列表的某些元素。请帮我解决问题！！！

问题可以解决，但不知道怎么解决。请帮帮我 soon.I 试了很多方法都没有解决。同时发送完整的更正代码作为答案如果我只是设置选项卡布局的布局高度......会发生这种情况...... 看到底部灰色tablayout下面有一条白线

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    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:id="@+id/root">


    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.NoActionBar.AppBarOverlay">


        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/bgColor"

            app:popupTheme="@style/AppTheme.PopupOverlay">
            <!--app:layout_scrollFlags="scroll|snap"-->

            <TextView
                android:id="@+id/tv_selected_chat"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="16dp"
                android:gravity="center_vertical"
                android:text="0"
                android:textColor="@color/colorWhite"
                android:textSize="17sp"
                android:visibility="gone" />

        </androidx.appcompat.widget.Toolbar>


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


    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="644dp"
        android:paddingBottom="20dp"
        ads:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:showIn="@layout/activity_main">


    </androidx.viewpager.widget.ViewPager>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/open_new_chat_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_marginRight="27dp"
        android:layout_marginBottom="84dp"
        android:tint="@color/colorWhite"
        android:visibility="visible"
        app:backgroundTint="@color/colorAccent"
        app:fabSize="normal"
        app:layout_anchor="@id/view_pager"
        app:layout_anchorGravity="bottom|right|end"
        app:srcCompat="@drawable/ic_message" />


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/text_status_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_marginRight="27dp"
        android:layout_marginBottom="84dp"
        android:tint="@color/colorWhite"
        android:visibility="invisible"
        app:backgroundTint="@color/colorGreen"
        app:fabSize="normal"
        app:layout_anchor="@id/view_pager"
        app:layout_anchorGravity="bottom|right|end"
        app:srcCompat="@drawable/ic_edit" />

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="65dp"
        android:background="@color/bgColor"
        ads:layout_anchor="@+id/view_pager"
        ads:layout_anchorGravity="bottom|center"
        ads:tabBackground="@color/actionModeBackground"
        ads:tabIndicatorColor="@color/audio_wave_background"
        ads:tabIndicatorHeight="2dp"
        app:tabGravity="fill"
        app:tabMaxWidth="0dp"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@android:color/white" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Answer 1

您可以根据需要使用 20dp 等高度的硬编码值。也将您的视图寻呼机向上移动应用栏布局并使用此代码

<androidx.viewpager.widget.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="644dp"
    android:paddingBottom="20dp"
    ads:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main"/>


look at your code you dont use this instead of using this

<androidx.viewpager.widget.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="644dp"
    android:paddingBottom="20dp"
    ads:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main">
  
   </androidx.viewpager.widget.ViewPager>

这意味着您正在使用此区域添加一些布局等

如何在不改变位置的情况下增加 xml 中的制表符高度。 viewpager 也落后于选项卡布局

How to increase tab height in xml without changing position. Also viewpager goes behind tab layout

java

android

xml

android-viewpager

android-tablayout