web-dev-qa-db-ja.com

Android BottomSheet：ツールバーの下に隠れています

設計ガイドライン で提案されているように、サポートライブラリ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>

enter image description here

androidmaterial-designandroid-support-libraryandroiddesignsupport
16
Paul Woitaschek

AppBarLayoutのデフォルトの標高は4dp（ディメンションリソース値design_appbar_elevation）です。

デフォルトでは、CoordinatorLayoutは、他のFrameLayoutと同様に、API 21以降のデバイスで標高の低い要素の前に、標高の高い要素をレイアウトします。

レイアウトにAndroid:elevation="@dimen/design_appbar_elevation"を追加してみてください。

モーダルボトムシートの標高は@dimen/design_bottom_sheet_modal_elevation == 16dpであることに注意してください

49
ianhanniballake

上記の回答が役に立たない場合は、BottomSheetに設定してみてください。

_Android:elevation="@dimen/design_appbar_elevation" Android:fitsSystemWindows="true"_

andフラグメントを次のように作成します。

videoFragment = VideoFragment.newInstance(); getSupportFragmentManager().beginTransaction() .replace(R.id.video_fragment, videoFragment) .commit();
これは好きではありません： videoFragment = (VideoFragment) getSupportFragmentManager().findFragmentById(R.id.video_fragment);

たとえば、私はそのようなレイアウトを持っています：

_<Android.support.design.widget.CoordinatorLayout
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:background="@color/activity_background">

<Android.support.design.widget.AppBarLayout
    Android:id="@+id/appBar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:theme="@style/ThemeOverlay.AppCompat.ActionBar">

    <include layout="@layout/toolbar"/>

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

<Android.support.v7.widget.RecyclerView
    Android:id="@+id/recycler_view"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

<Android.support.design.widget.BottomNavigationView
    Android:id="@+id/bottom_navigation"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:layout_gravity="bottom"
    app:itemBackground="@color/white"
    app:menu="@menu/bottom_navigation_main"/>

<FrameLayout
    Android:id="@+id/video_fragment"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:elevation="@dimen/design_appbar_elevation"
    Android:fitsSystemWindows="true"
    app:behavior_hideable="true"
    app:behavior_peekHeight="0dp"
    app:layout_behavior="Android.support.design.widget.BottomSheetBehavior"/>
_


指定されたものがないと機能しません

2
Grigory Azaryan