部分的に境界線の外側にあるfabとのボトムシート

Question

私は の画面全体ではなく、まったく重なり合うボトムシートを実装しようとしています。望ましい。

。ここ

しかし、実際の結果が

終了位置

です。

私は間違っていますか？

ここにコードがあります。 Textviewとid content_to_overlapをオーバーラップさせたい

<TextView 
    android:id="@+id/btn1" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:background="#399" 
    android:layout_marginBottom="4dp" 
    android:clipChildren="false" 
    android:clipToPadding="false" 
    android:gravity="center" 
    android:text="Text1" /> 

<TextView 
    android:id="@+id/btn2" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:layout_below="@+id/btn1" 
    android:background="#399" 
    android:clipChildren="false" 
    android:layout_marginBottom="4dp" 
    android:clipToPadding="false" 
    android:gravity="center" 
    android:text="Text2Text2Text2Text2" /> 

<android.support.design.widget.CoordinatorLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_below="@+id/btn2" 
    android:clipChildren="false" 
    android:clipToPadding="false"> 

    <TextView 
     android:id="@+id/content_to_overlap" 
     android:layout_width="match_parent" 
     android:layout_height="64dp" 
     android:background="#B44" 
     android:gravity="center" 
     android:text="Text3" /> 

    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="24dp" 
     android:clipChildren="false" 
     android:clipToPadding="false" 
     app:behavior_peekHeight="48dp" 
     app:layout_behavior="android.support.design.widget.BottomSheetBehavior" 
     android:background="#8FF0" 
     > 

     <android.support.design.widget.FloatingActionButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_horizontal" 
      android:layout_marginTop="-48dp" /> 

    </FrameLayout> 

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

Answer 1

以下に、コード完全ではありませんが、あなたのアイデアを与えるために提供されて 使用anchorファブ

<android.support.design.widget.CoordinatorLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"/> 
    <TextView 
    android:id="@+id/btn1" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:background="#399" 
    android:layout_marginBottom="4dp" 
    android:clipChildren="false" 
    android:clipToPadding="false" 
    android:gravity="center" 
    android:text="Text1" /> 

<TextView 
    android:id="@+id/btn2" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:layout_below="@+id/btn1" 
    android:background="#399" 
    android:clipChildren="false" 
    android:layout_marginBottom="4dp" 
    android:clipToPadding="false" 
    android:gravity="center" 
    android:text="Text2Text2Text2Text2" /> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_below="@+id/btn2" 
    android:clipChildren="false" 
    android:clipToPadding="false"> 

    <TextView 
     android:id="@+id/content_to_overlap" 
     android:layout_width="match_parent" 
     android:layout_height="64dp" 
     android:background="#B44" 
     app:behavior_peekHeight="48dp" 
     app:layout_behavior="android.support.design.widget.BottomSheetBehavior" 
     android:background="#8FF0" 
     android:gravity="center" 
     android:text="Text3" /> 

     <android.support.design.widget.FloatingActionButton 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_horizontal" 
      android:anchor="@id/content_to_overlap" /> 


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