java - 回收器 View 与 Tablayout 不正确对齐

Question

我是android开发的新手，我应用了带有 View 寻呼机的选项卡布局，在 fragment 中我应用了Recycler View ，但输出Recyclerview显示错误，这里我附加my recyclerview display like this

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<android.support.v7.widget.RecyclerView
    android:id="@+id/xvehiclelistRV"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    />

我的 Mainactivity.xml

 <include
    android:id="@+id/custom_actionbar"
    layout="@layout/custom_actionbar" />
<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/custom_actionbar"
    android:background="@color/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#DCEBFF"
        app:tabGravity="fill"
        app:tabIndicatorColor="@color/colorPrimary"
        app:tabIndicatorHeight="2dp"
        app:tabSelectedTextColor="#696969"
        app:tabTextColor="@color/black"/>
</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"></android.support.v4.view.ViewPager>

Answer 1

首先设置相对布局的高度为match_parent

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
 >
 <android.support.v7.widget.RecyclerView
  android:id="@+id/xvehiclelistRV"
  android:layout_height="wrap_content"
  android:layout_width="match_parent"
  />

其次，如果您想要其他 View 下方的任何 View ，请在相对布局的情况下始终使用layout_below。或者您也可以使用线性布局，并根据您的要求提供水平或垂直的方向。这将使 View 按顺序排列。

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/custom_actionbar"
android:background="@color/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#DCEBFF"
    app:tabGravity="fill"
    app:tabIndicatorColor="@color/colorPrimary"
    app:tabIndicatorHeight="2dp"
    app:tabSelectedTextColor="#696969"
    app:tabTextColor="@color/black"/>

 <android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_below="@+id/tabs"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior"></android.support.v4.view.ViewPager>

使用此博客，可以更好地理解线性和相对布局。 https://blog.mindorks.com/android-layout-relative-linear-frame