android - Activity 的每个 fragment 中 float 操作按钮的不同实现

Question

这是关于在包含 5 个 fragment 的 Activity 中协调 Floating Action Button 行为的问题。

在我的应用程序中，我有一个 Activity，其中包含一个 ViewPager 和一个用 FloatingActionButton 定义的 xml。 ViewPager 包含 fragment ，每个 fragment 内都有一个 RecyclerView。单击 float 操作按钮时，我已经实现了 scrollToPosition(0)。由于我在主要 Activity 的 xml 文件中实现了 Floating ActionButton，scrollToPosition() 仅在单击 float 操作按钮的最后一个 fragment 中起作用。我如何克服这个问题，以便在任何 fragment 中单击 float 按钮时，回收器 View 滚动到顶部？

我已经尝试在 fragment 布局文件中实现 floatingactionbutton 并且它工作得很好。但是这个问题是当我从一个 fragment 滑动到另一个 fragment 时 float Action 按钮会移动。所以有什么方法可以实现floatingactionbutton 在主 Activity xml 文件中，并且仍然能够在单击 FloatingActionButton 时在每个 fragment 中实现 scrollToPosotion(0)？非常感谢您的任何建议。

以下是包含 float 操作按钮的xml文件。

<?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:background="#f4f4f4"
tools:context=".MainActivity">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true">

    <android.support.v7.widget.Toolbar
        android:id="@+id/tb_main"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:elevation="0dp"
        android:fitsSystemWindows="true"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Dark" />

    <com.myapp.now.extras.SlidingTabLayout
        android:id="@+id/sl_tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true">

    </com.myapp.now.extras.SlidingTabLayout>

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


<android.support.v4.view.ViewPager
    android:id="@+id/vp_tab"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />


    <android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|right|end"
    android:layout_marginBottom="@dimen/fab_margin_bottom"
    android:layout_marginEnd="@dimen/fab_margin_right"
    android:layout_marginRight="@dimen/fab_margin_right"
    android:clickable="true"
    android:src="@mipmap/top_scroll"
    app:backgroundTint="@color/colorFAB"
    app:borderWidth="0dp"
    app:fabSize="normal" />

下面是一个 fragment 的xml文件

<FrameLayout     xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/srl_swipe"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_list"
        android:scrollbars="vertical"
        android:fadeScrollbars="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

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

<ProgressBar
    android:visibility="gone"
    android:layout_gravity="center"
    android:id="@+id/pbar"
    android:layout_width="40dp"
    android:layout_height="40dp" />

下面是 float 按钮在各个fragment中的实现

 fab = (android.support.design.widget.FloatingActionButton) view.findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            LinearLayoutManager llm = (LinearLayoutManager) mRecyclerView.getLayoutManager();
            llm.scrollToPositionWithOffset(0, 0);
        }
    });

Answer 1

不确定这是否适用于 SlidingTabLayout，因为我使用的是 ViewPager。

让 FAB onClick 在您的 Activity 中调用一个方法(例如 onFABClick() )并将其定义为:

public void onFABClick(View view) {
    if (fragments.get(mViewPager.getCurrentItem()) instanceof FragmentA) {
      if (fragmentA!= null) {
        fragmentA.fabOnClick();
      }
    } else if (fragments.get(mViewPager.getCurrentItem()) instanceof FragmentB) {
      if (fragmentB!= null) {
        fragmentB.fabOnClick();
      }
    }
  }

这里的 fragments 是保存 fragment 对象的数组。它是传递给 ViewPager 适配器的数组。我想您必须将 mViewPager.getCurrentItem() 更改为 SlidingTabLayout 的当前 fragment 方法的等效获取索引。

最后，fabOnClick() 方法在每个 fragment 中实现。 (您需要让所有 fragment 实现一个接口(interface)(例如 FABActionInterface)并在其中添加方法签名。

在这里，您基本上是在捕获 FAB onclick 并指示它调用当前 fragment 上的方法。