片段在选项卡布局/ViewPager2

如何解决片段在选项卡布局/ViewPager2

我尝试了几种不同的方法来使其工作，但我在 ViewPager 内托管的选项卡布局的片段无法正确显示，除非我奇怪地将组件放置在片段中。这是我的 fragment_tab xml 和代码是在 Java 中：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent">

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

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FFFFFF" />

</LinearLayout>
<Button
    android:id="@+id/btnPost"
    android:layout_width="147dp"
    android:layout_height="47dp"
    android:layout_marginBottom="16dp"
    android:text="Post"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

例如，在我托管在其中的一个片段中，XML 是这样的：

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


<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
    android:id="@+id/swiperefresh"
    android:layout_width="387dp"
    android:layout_height="491dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">


    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="387dp"
        android:layout_height="491dp"
        android:layout_marginBottom="8dp">
    </androidx.recyclerview.widget.RecyclerView>
</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>


<ProgressBar
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyle"
    android:layout_width="96dp"
    android:layout_height="103dp"
    android:visibility="invisible"
    android:layout_marginBottom="342dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="1.0" />

<TextView
    android:id="@+id/txtViewEmpty"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:visibility="gone"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

这就是下面的设计视图。此片段托管在带有选项卡的视图分页器内，在另一个具有操作栏的屏幕内，但选项卡托管在该屏幕内。

我一直在使用模拟器在 Android Studio 上进行测试，然后当我在硬件上测试时，UI 全都搞砸了，但也像上面一样定位屏幕，理想情况下，我希望能够使用整个视图回收器视图，而不必像这样放置它，因为如果我使用 match_parent 或整个屏幕，它可能在我的模拟器上看起来正确但不是硬件设备。有任何想法吗？我也尝试了协调器布局和相对布局，但无法得到准确的结果，但可能是做错了。

谢谢大家！！

编辑：硬件设备上的图片搞砸了，但在模拟器上看起来不错，在创建视图的奇怪位置：