Как изменить размер окна просмотра так, чтобы он соответствовал экрану и не перекрывал другие элементы?

Question

Я пытаюсь сделать простой макет для своего приложения, я использовал Relative Layout, чтобы поместить TabLayout внизу, но теперь возникла другая проблема, я не могу правильно изменить размер окна просмотра. Вот как выглядит мой макет и чего я хочу достичь: СМОТРЕТЬ макет. Вот мой код XML для деятельности:

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

    </android.support.v4.view.ViewPager>

    <RelativeLayout
        android:layout_width="match_parent"
        android:gravity="bottom"
        android:layout_alignParentBottom="true"
        android:layout_height="match_parent">

        <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"

        android:layout_height="?attr/actionBarSize"
        android:background="@color/near_white"
        app:tabBackground="@color/white"
        app:tabGravity="fill"
        app:tabIndicatorColor="@android:color/white"
        app:tabIndicatorHeight="0dp"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@android:color/white"
        app:tabTextAppearance="@style/TextAppearance.Subhead.Bold"
        app:tabTextColor="@color/grey_20" />
    //
    </RelativeLayout>
</android.support.design.widget.CoordinatorLayout>

Answer 1

вы можете сделать это так:

  <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

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

        </android.support.v4.view.ViewPager>

        <android.support.design.widget.TabLayout
                android:id="@+id/tab_layout"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:layout_alignParentBottom="true"
                android:background="@color/near_white"
                app:tabBackground="@color/white"
                app:tabGravity="fill"
                app:tabIndicatorColor="@android:color/white"
                app:tabIndicatorHeight="0dp"
                app:tabMode="fixed"
                app:tabSelectedTextColor="@android:color/white"
                app:tabTextAppearance="@style/TextAppearance.Subhead.Bold"
                app:tabTextColor="@color/grey_20" />
        //
    </RelativeLayout>

Answer 2

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

    </android.support.v4.view.ViewPager>

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/near_white"
        app:tabBackground="@color/white"
        app:tabGravity="fill"
        android:layout_alignParentBottom="true"
        app:tabIndicatorColor="@android:color/white"
        app:tabIndicatorHeight="0dp"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@android:color/white"
        app:tabTextAppearance="@style/TextAppearance.Subhead.Bold"
        app:tabTextColor="@color/grey_20" />
</RelativeLayout>

Желаю, это будет полезно ..