FloatingActionButton - 스크롤 한 후 올바르지 않은 Z- 색인

Question

나는 안드로이드 앱에 FloatingActionButtons 일부가 있는데, 버튼 아래의 내용을 스크롤 할 수있는보기에서 제목 표시 줄 아래에 고정되어 있습니다. 초기로드에서이 같은 제대로보기 표시 :

: 사용자가 스크롤로

페이지의 내용, 그들은 는는에이 같은 것입니다 가야 무엇을

특히 화면의 다른 모든 콘텐츠 위에 버튼이 남아 있습니다. 그러나 실제로이 발생이 무엇 : 버튼이 잘못 제목 표시 줄의 뒤에 렌더링

. 내 레이아웃 XML 파일은 다음과 같다 다음 content_event_details 레이아웃 루트 요소로 NestedScrollView을 가지고지도를 포함

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    tools:context="au.com.suncoastpc.coastlive.activity.EventDetailsActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar" 
     android:layout_width="match_parent" 
     android:layout_height="@dimen/app_bar_height" 
     android:fitsSystemWindows="true" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/toolbar_layout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="pin" 
       app:popupTheme="@style/AppTheme.PopupOverlay"/> 

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

    <LinearLayout 
     app:layout_anchor="@id/app_bar" 
     app:layout_anchorGravity="bottom|end" 
     android:orientation="horizontal" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 


     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab_facebook" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="@dimen/fab_margin" 
      android:layout_marginBottom="@dimen/fab_margin" 
      app:backgroundTint="#3c5a99" 
      app:srcCompat="@drawable/icon_facebook"/> 
     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab_music" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="@dimen/fab_margin" 
      android:layout_marginBottom="@dimen/fab_margin" 
      android:layout_marginLeft="@dimen/fab_margin" 
      app:backgroundTint="#008800" 
      app:srcCompat="@drawable/icon_music"/> 

     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="@dimen/fab_margin" 
      app:backgroundTint="#880000" 
      app:srcCompat="@drawable/icon_info"/> 
    </LinearLayout> 

    <include layout="@layout/content_event_details"/> 
</android.support.design.widget.CoordinatorLayout> 

을 ... (텍스트를 자세히 설명하고, 위의 사진에서 볼 수있는 다른 UI 요소 기본적으로 제목 표시 줄과 부동 단추 제외).

FloatingActionButtons을 제목 표시 줄 위에 항상 표시하려면 어떻게해야합니까?

Answer 1

숨바꼭질 Aroth,

당신 Appbar에서

, 안드로이드 추가 : 고도 = "4dp" >>>

<android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar" 
     android:layout_width="match_parent" 
     android:layout_height="@dimen/app_bar_height" 
     android:fitsSystemWindows="true" 
     android:elevation="4dp" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

및 FAB가 포함 된있는 LinearLayout에서, 안드로이드를 추가 : 높이 = "6dp" >>>

<LinearLayout 
     app:layout_anchor="@id/app_bar" 
     app:layout_anchorGravity="bottom|end" 
     android:orientation="horizontal" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:elevation="6dp"> 

희망 하시겠습니까?