浮动动作按钮在滚动上消失

时间:2015-02-28 16:21:57

标签: android android-listview floating-action-button

我刚为浮动动作按钮安装了FutureSimple库,我觉得它很漂亮。虽然它并没有包含滚动逻辑上的消失,但我喜欢它。 但是,我想实现一个快速返回模式,我正在寻找一种简单的方法来实现它。 基本上,我设置了一个ObservableListView监听器,如下所示:

    listView.setScrollViewCallbacks(new ObservableScrollViewCallbacks() {
        @Override
        public void onScrollChanged(int i, boolean b, boolean b2) { }

        @Override
        public void onDownMotionEvent() { }

        @Override
        public void onUpOrCancelMotionEvent(ScrollState scrollState) { }
    });

我想知道是否有一种简单的方法可以让我的按钮移动(使用快速button.animate()。translationY(xx))和这个监听器。

因此,每当我向下滚动时,它就会消失,然后当我向上滚动时它会重新出现。

我已经看过不同的实现,但我还没有完全理解它们的主旨(特别是来自makovkastar的#34;官方" fab库)。

PS:我使用的是FutureSimple库,因为它有菜单。

非常感谢您提前获得的帮助:)!

1 个答案:

答案 0 :(得分:3)

几周前我解决了我的问题,我想我应该在这里回答我自己的问题:)

经过几天的研究,我发现实现这一目标的最佳方法是使用Android推出的新的RecyclerView。您可以使用RecyclerView处理滚动中的小像素更改,但使用ListView,您几乎永远无法做到这一点(只能处理滚动的“项目”的更改)。 我已经在我的RecyclerView上实现了一个ScrollView Listener,如下所示:

   public abstract class HidingScrollListener extends RecyclerView.OnScrollListener {
private static final int HIDE_THRESHOLD = 20;
private int scrolledDistance = 0;
private boolean controlsVisible = true;

@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
    super.onScrolled(recyclerView, dx, dy);

    int firstVisibleItem = ((LinearLayoutManager) recyclerView.getLayoutManager()).findFirstVisibleItemPosition();
    //show views if first item is first visible position and views are hidden
    if (firstVisibleItem == 0) {
        if(!controlsVisible) {
            onShow();
            controlsVisible = true;
        }
    } else {
        if (scrolledDistance > HIDE_THRESHOLD && controlsVisible) {
            onHide();
            controlsVisible = false;
            scrolledDistance = 0;
        } else if (scrolledDistance < -HIDE_THRESHOLD && !controlsVisible) {
            onShow();
            controlsVisible = true;
            scrolledDistance = 0;
        }
    }

    if((controlsVisible && dy>0) || (!controlsVisible && dy<0)) {
        scrolledDistance += dy;
    }
}

public abstract void onHide();
public abstract void onShow();

此代码不只是在滚动时显示或隐藏FAB,它实际上处理了一个非常完美的“动作栏在滚动时消失”效果。 但是,我没有足够的时间来满足您的需求,但确实适用于我们的案例,在这里。

要回到我们的代码,在创建我们的侦听器后,我们可以通过实现其接口将其添加到我们的FAB:

           recyclerView.setOnScrollListener(new HidingScrollListener() {
        @Override
        public void onHide() {
                    FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) fam.getLayoutParams();
    int fabBottomMargin = lp.bottomMargin;
    fam.animate().translationY(fam.getHeight()+fabBottomMargin).setInterpolator(new AccelerateInterpolator(2)).start();
        }

        @Override
        public void onShow() {
                    toolbar.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2));
    fam.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)).start();
        }
    });

Voilà!