CoordinatorLayout内の別のカスタムビューのFABと同じ動作を得る

Question

FABではなくRelativeLayoutで次のUIを実装しようとしています。しかし、RelativeLayoutの崩壊はFABのようには起こりません。

<android.support.design.widget.CoordinatorLayout 
    android:id="@+id/main_content" 
    android:fitsSystemWindows="true"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     android:fitsSystemWindows="true"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed" 
      android:fitsSystemWindows="true" 
      app:expandedTitleMarginStart="48dp" 
      app:expandedTitleMarginEnd="64dp"> 

      <ImageView 
       android:id="@+id/backdrop" 
       android:fitsSystemWindows="true" 
       app:layout_collapseMode="parallax" 
       android:src="@drawable/default_img"/> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       app:layout_collapseMode="pin" /> 

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

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

    <android.support.v4.widget.NestedScrollView 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

     <LinearLayout 
      android:orientation="vertical" 
      android:paddingTop="24dp"> 
     </LinearLayout> 

    </android.support.v4.widget.NestedScrollView> 

    <RelativeLayout 
     app:layout_anchor="@id/app_bar" 
     app:layout_anchorGravity="bottom|right|end" 
     android:id="@+id/cust_fab_container" 
     app:layout_behavior=".ScrollingBehavior"> 
     <View 
      android:id="@+id/target" 
      android:layout_width="200dp" 
      android:layout_height="200dp" 
      android:background="@drawable/circle_drawable" 
      android:visibility="invisible" 
      android:layout_alignParentRight="true" 
      android:layout_marginRight="-48dp"> 
     </View> 

     <rjsv.floatingmenu.floatingmenubutton.FloatingMenuButton 
      android:id="@+id/my_floating_button" 
      android:layout_width="65dp" 
      android:layout_height="65dp"> 
     </rjsv.floatingmenu.floatingmenubutton.FloatingMenuButton> 

    </RelativeLayout> 

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

私はカスタム動作を添付して、それが をアニメーション化が、所望

public class ScrollingBehavior extends CoordinatorLayout.Behavior<RelativeLayout>{ 
     private int toolbarHeight; 

     public ScrollingBehavior(Context context, AttributeSet attrs) { 
      super(context, attrs); 
      this.toolbarHeight = Utils.getToolbarHeight(context); 
     } 

     @Override 
     public boolean layoutDependsOn(CoordinatorLayout parent, RelativeLayout layout, View dependency) { 
      return dependency instanceof AppBarLayout; 
     } 

     @Override 
     public boolean onDependentViewChanged(CoordinatorLayout parent, RelativeLayout layout, View dependency) { 
      if (dependency instanceof AppBarLayout) { 
       CoordinatorLayout.LayoutParams lp = 
       (CoordinatorLayout.LayoutParams) layout.getLayoutParams(); 
       int fabBottomMargin = lp.bottomMargin; 
       int distanceToScroll = layout.getHeight() + fabBottomMargin; 
       float ratio = (float)dependency.getY()/(float)toolbarHeight; 
       layout.setTranslationY(-distanceToScroll * ratio); 
      } 
     return true; 
    } 
    } 

Answer 1

ちょうどアニメーションを変更しなければならなかったとして、それが動作しない、すなわち、カスタムボタンが下向きになっFAB動作を実現するにはonDependentViewChangedメソッドの内部ロジックが動作します。

@Override 
    public boolean onDependentViewChanged(CoordinatorLayout parent, RelativeLayout layout, View dependency) { 
     if (dependency instanceof AppBarLayout) { 
      fab.setTranslationY(-dependency.getScrollY()); 
    }