FAB скрывается под нижним листом

Question

я следующий XML:

<android.support.design.widget.CoordinatorLayout 
    android:id="@+id/sliding_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_below="@id/app_bar"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

     <fragment 
      android:id="@+id/fragment1" 
      android:name="com.xyz.Fragment1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:gravity="center" 
      tools:layout="@layout/fragment_layout1" /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/layoutBottomSheet" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:elevation="@dimen/global_margin" 
     android:orientation="vertical" 
     app:layout_behavior="@string/bottom_sheet_behavior"> 

     <fragment 
      android:id="@+id/fragment2" 
      android:name="com.xyz.Fragment2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center|top" 
      tools:layout="@layout/fragment_layout2" /> 
    </LinearLayout> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="@dimen/global_margin" 
     android:layout_marginRight="@dimen/global_margin" 
     android:src="@drawable/ic_add_white_24dp" 
     app:borderWidth="0dp" 
     app:elevation="4dp" 
     app:layout_anchor="@id/layoutBottomSheet" 
     app:layout_anchorGravity="top|right|end" /> 
</android.support.design.widget.CoordinatorLayout> 

Макет должен появиться, как, Fragment1 затем ниже Fragment2 и FAB привязывается к Fragment2 но вышеFragment2 и не под его ,

На самом деле это показывает, как,

Что происходит не так? Есть идеи?

Answer 1

Ваш layoutBottomSheet -LinearLayout имеет отметку @dimen/global_margin. Если этот размер больше, чем 4dp, который вы определили как высоту для FloatingActionButton, тогда кнопка скрыта за верхней компоновкой.

Возможно, это измерение больше 4dp. Таким образом, измените высоту кнопки соответственно.

Answer 2

Вы можете позвонить setCompatElevation(...) на FAB со значением, превышающим высоту нижнего листа (это 16dp, если вы используете style="@style/Widget.Design.BottomSheet.Modal"), чтобы убедиться, что он наверху.