FragmentTabHost 选项卡与 tabcontent 重叠

FragmentTabHost tabs overlap tabcontent

我正在使用 FragmentTabHost(支持库,Android)将我的片段加载到选项卡中。但是,我看到这些选项卡托管在我的选项卡内容上。但我希望我的标签内容位于标签下方。这怎么可能?

我进行了搜索,但找不到与此相关的任何内容。

您可以为包含片段的布局添加边距。我相信标签高度是 56dp。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    <!--here-->
    android:layout_marginTop="56dp"

    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

   <!--your content-->
</LinearLayout>

设置边距或填充将不起作用,因为正如您在评论中所说,选项卡的大小可能会有所不同,并且该解决方案取决于 TabHost 的高度是否不变。

我已经在这里回答了这个问题:FragmentTabHost content filling remaining space

您不需要在 Tabhost 中拥有片段的容器(选项卡内容),当您这样做时,您对片段的内容和选项卡本身使用相同的 space .

只需将 Tabhost 放在垂直的 LinearLayout 中,将 FrameLayout 放在外面,在 TabHost 下方,就像下面的示例:

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

    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TabWidget 
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"/>
    </android.support.v4.app.FragmentTabHost>

    <FrameLayout 
        android:id="@+id/realtabcontent"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</LinearLayout>

我注意到当设置高度 TabWidget(例如 56dp)时一切正常

        <TabWidget
            android:background="@color/TabWidget"
            android:layout_width="match_parent"
            android:layout_height="56dp" />