浮动操作按钮与选项卡标题重叠

Question

我试过但没有用的东西

• 使用负填充将FAB向下移动一点。但填充没有产生任何影响
• 标签样式使重力和布局重力=“顶部”，这没有任何效果。

还尝试更改尺寸为迷你的FAB，这个可以工作，但我想保持按钮的大小相同。

有什么建议吗？

`

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:gravity="center_horizontal"
            android:minHeight="?android:attr/actionBarSize"
            android:orientation="vertical">

        <android.support.design.widget.TabLayout
                android:layout_gravity="top"
                android:id="@+id/materialup.tabs"
                style="@style/MyCustomTabLayout"
                android:layout_width="fill_parent"
                android:layout_height="?attr/actionBarSize"
                android:fillViewport="false"/>
    </LinearLayout>
</FrameLayout>


<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:elevation="8dp"
        app:fabSize="normal"
        android:src="@drawable/play"
        app:layout_anchor="@id/materialup.tabs"
        app:layout_anchorGravity="bottom|center|right"/>`

这是标签样式

<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">?android:textColorSecondary</item>
    <item name="android:paddingBottom">10dp</item>
    <item name="textAllCaps">true</item>
</style>

我正在努力实现这样的目标

Answer 1

使用CoordinatorLayout有助于管理您的子视图

<android.support.design.widget.CoordinatorLayout >
    <android.support.design.widget.AppBarLayout >
        <android.support.v7.widget.Toolbar />
        <!-- The Tab rests directly below the Toolbar, attached below it -->
        <android.support.design.widget.TabLayout />
    </android.support.design.widget.AppBarLayout>
    <!-- Helps handing the Fragments to load for each Tab -->
    <android.support.v4.view.ViewPager />