时间戳

首页 > 解决方案 > TabLayout 中的 Tabs 覆盖了 Fragment

android-tablayout - TabLayout 中的 Tabs 覆盖了 Fragment

问题描述

标签覆盖了 Fragment 的顶部。我希望 Fragment 降低它的高度并降低一点以显示整个 Fragment 的布局。

这就是我制作标签的方式：

<android.support.design.widget.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIconTintMode="src_over"
    app:tabMode="fixed"

    <android.support.design.widget.TabItem
        android:id="@+id/tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <android.support.design.widget.TabItem
        android:id="@+id/tab2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <android.support.design.widget.TabItem
        android:id="@+id/tab3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</android.support.design.widget.TabLayout>

这是代码：

    tabLayout = (TabLayout)findViewById(R.id.tabLayout);
    fragments = getFragments();//To get all the fragments under ViewPager
    pagerAdapter = new MyPagerAdapter(getSupportFragmentManager());
    viewPager = (ViewPager)findViewById(R.id.mainViewPager);
    viewPager.setAdapter(pagerAdapter);
    tabLayout.setupWithViewPager(viewPager);

标签： android-tablayout

解决方案

如果您使用TabLayoutwith ViewPager，请尝试添加属性app:layout_behavior="android.support.design.widget.AppBarLayout$ScrollingViewBehavior"

或者，将属性添加layout_below=YOUR_APP_BAR_ID到您的TabsLayout

推荐阅读