活動中的浮動操作按鈕 - 如何在片段中固定到recyclerview？

Question

我有同樣的問題，在這個問題Floating Action Button not showing fully inside a fragment

我有我的activity_main和2個選項卡的tablayout（使用不同的片段，其中一個包含recyclerView）。當我將FAB放入片段時，直到我滾動回收器視圖時，FAB才完全顯示出來。

因此，我按照鏈接問題中的建議，將我的FAB移動到coordinator_layout小部件的activity_main.xml文件中，並且效果很好。

以這種方式，我在活動中有一個FAB，而不是在片段中，我想知道如何將我的fab錨定到片段中的recyclerview，例如讓它在回收站中動畫化滾動？

現在有tablayout activity_main.xml中：

activity_main.xml中

<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.support.design.widget.AppBarLayout 
     android:id="@+id/appbarlayout1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" > 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar1" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:layout_scrollFlags="scroll|enterAlways" 
      android:background="?attr/colorPrimary" /> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabLayout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/toolbar1" 
      android:background="?attr/colorPrimary" 
      android:scrollbars="horizontal" 
      app:tabMode="scrollable" /> 

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 


    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:layout_gravity="bottom|right" 
     android:layout_marginBottom="20dp" 
     android:layout_marginRight="20dp" 
     android:src="@drawable/ic_action_location_found" 
     app:fabSize="normal" /> 
    </android.support.design.widget.CoordinatorLayout> 

fragment.xml之

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="@dimen/activity_vertical_margin" > 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/my_recycler_view" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_below="@+id/start_button" 
     android:scrollbars="vertical" /> 


</RelativeLayout> 

Answer 1

你已經嘗試過了錨的viewpager？

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    app:layout_anchor="@id/viewpager" 
    app:layout_anchorGravity="bottom|right|end" 
</android.support.design.widget.CoordinatorLayout> 

然後你擴展FloatingActionButton.Behavior到repond到CoordinatorLayout事件：

public class ScrollAwareFABBehavior extends FloatingActionButton.Behavior { 

    public ScrollAwareFABBehavior(Context context, AttributeSet attrs) { 
     super(); 
    } 

    @Override 
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, 
            FloatingActionButton child, View directTargetChild, View target, int nestedScrollAxes) { 
    return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL || 
      super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, 
        nestedScrollAxes); 
    } 

    @Override 
    public void onNestedScroll(CoordinatorLayout coordinatorLayout, FloatingActionButton child, 
          View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) { 
    super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, 
      dyUnconsumed); 

     if (dyConsumed > 0 && child.getVisibility() == View.VISIBLE) { 
      child.hide(); 
     } else if (dyConsumed < 0 && child.getVisibility() != View.VISIBLE) { 
      child.show(); 
     } 
    } 

} 

並添加到您的FloatingButton：

app:layout_behavior="com.package.yourapp.ScrollAwareFABBehavior" 

這是很說明如下：

https://guides.codepath.com/android/Floating-Action-Buttons

Answer 2

補全@petrusgome's回答：

提供的解決方案對我無效。在滾動回收站查看列表後，我遇到了FAB不會再顯示的問題。 要解決它，我只是用下面的代碼替換child.hide()：

child.hide(new FloatingActionButton.OnVisibilityChangedListener() { 
    @Override 
    public void onHidden(FloatingActionButton fab) { 
     super.onHidden(fab); 
     fab.setVisibility(View.INVISIBLE); 
    } 
}); 

完整的解釋可以在這裏找到：scrolling issue