活动的每个片段中的浮动操作按钮的不同实现

时间:2015-08-23 05:09:49

标签: android android-fragments android-activity android-recyclerview floating-action-button

这是关于协调活动中浮动操作按钮行为的问题,其中包含5个片段。

在我的应用程序中,我有一个Activity,它包含一个ViewPager和一个用FloatingActionButton定义的xml。 ViewPager包含Fragments,在每个Fragment中都有一个RecyclerView.On点击浮动操作按钮我实现了scrollToPosition(0)。由于我在main活动的xml文件中实现了Floating ActionButton,因此scrollToPosition()仅在单击浮动操作按钮的最后一个片段中起作用。我如何克服这一点,以便在任何片段中点击浮动按钮时,回收器视图滚动到顶部?

我已经尝试在片段布局文件中实现了floatingactionbutton并且它完全正常。但是当我从一个片段滑动到另一个片段时,浮动动作按钮将会移动。所以有任何方法可以实现主活动xml文件中的floatingactionbutton,并且在点击FloatingActionButton时仍然可以在每个片段中实现scrollToPosotion(0)?非常感谢任何建议。

以下是包含浮动操作按钮的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" />

以下是片段的

<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" />

以下是每个片段中浮动操作按钮的实现

 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);
        }
    });

2 个答案:

答案 0 :(得分:4)

由于我使用ViewPager,因此不确定这是否适用于SlidingTabLayout。

让FAB onClick在您的活动中调用一种方法(例如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()的当前片段方法的等效get索引来更改SlidingTabLayout

最后,fabOnClick()方法在每个片段中实现。 (您需要让所有片段实现一个接口(例如FABActionInterface)并在那里添加方法签名。

在这里,您基本上可以捕获FAB onclick并指示它在当前片段上调用方法。

答案 1 :(得分:0)

因此,您的每个片段都应实现View.OnClickListener接口。

在您的活动中,您的viewpager应该实现OnPageChangeListener,如下所示:

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        }

        @Override
        public void onPageSelected(int position) {
            View.OnClickListener listener = (View.OnClickListener) adapter.getItem(position);
            fab.setOnClickListener(listener );
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });

在这种情况下,您的FAB将以正确的方式进行工作。