Android BottomSheet:隐藏在工具栏下

Pau*_*hek 16 android android-support-library material-design androiddesignsupport

我尝试使用支持库23.2.0中的新底页将底页扩展为全屏,如设计指南中所建议的那样

这个效果非常好,但是底页位于我的ActionBar和我的标签下.

怎么可以让底页超过工具栏?我的菜单结构如下:

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/appbar_padding_top">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|snap|enterAlways"
            app:popupTheme="@style/AppTheme.PopupOverlay"/>

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

    </android.support.design.widget.AppBarLayout>

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

    <include
        android:id="@+id/playerLayout"
        layout="@layout/player_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:behavior_peekHeight="?attr/actionBarSize"
        app:layout_behavior="@string/bottom_sheet_behavior"
        app:model="@{model}"/>

</android.support.design.widget.CoordinatorLayout>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

ian*_*ake 49

AppBarLayout有一个默认的提升4dp(维度资源价值design_appbar_elevation).

默认情况下CoordinatorLayout,与任何一样FrameLayout,将在API 21及更高设备上的较低高度之前布置具有较高高度的元素.

尝试添加android:elevation="@dimen/design_appbar_elevation"到您的布局.

请注意,模态底部工作表的高程为@dimen/design_bottom_sheet_modal_elevation==16dp

  • 我做到了,谢谢!请编辑:必须将高程添加到包含的布局的根目录中.不在<include>标签内! (3认同)