布局中创建了不需要的空间

Question

我正在为我的应用程序开发一个用户界面，它在尺寸比为18：9的所有设备上都能正常工作，除了小米18：9设备。它会在Tab布局和状态栏之间创建不需要的空间像这样 ：

我没有为标签布局添加任何上边距或填充。

我的xml代码：

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

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="0dp"
    android:id="@+id/tabCardView">

    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/tabHeight"
        android:id="@+id/tabLayout"
        app:tabMode="fixed"
        android:background="?attr/tabBackgroundColor"/>

</android.support.v7.widget.CardView>

<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/viewPager"
    android:background="?attr/homeBackgroundColor"
    android:layout_below="@+id/tabCardView"/>
</RelativeLayout>

我不知道为什么会这样。

Answer 1

如果您将此元数据放入清单的标记中会发生什么？ 很可能，这个设备使用的是18.5：9而不是普通的18：9

<application ....  >
    <meta-data
        android:name="android.max_aspect"
        android:value="2.1"/>

</application>

此处提供更多信息：https://android-developers.googleblog.com/2017/03/update-your-app-to-take-advantage-of.html

Answer 2

使用CoordinatorLayout作为父布局并使android：fitsSystemWindows =“false”

例如：

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

 <android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="false">

<android.support.v7.widget.CardView
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   app:cardCornerRadius="0dp"
   android:id="@+id/tabCardView">

   <android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_height="@dimen/tabHeight"
    android:id="@+id/tabLayout"
    app:tabMode="fixed"
    android:background="?attr/tabBackgroundColor"/>

  </android.support.v7.widget.CardView>

  <android.support.v4.view.ViewPager
   android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:id="@+id/viewPager"
  android:background="?attr/homeBackgroundColor"
  android:layout_below="@+id/tabCardView"/>

  </CoordinatorLayout>
 </RelativeLayout>

它会起作用