我有一个嵌套的滚动视图,其中包含一些线性布局和文本视图等内容。出于某些原因,我正在使用浮动操作按钮库。所以我不能用任何行为。我不知道我应该如何处理scrollview中的scrollchangelistener,以便像行为一样动态地隐藏和显示fab。
有什么建议可以在滚动时隐藏和显示晶圆厂吗?
简单地将下面的代码添加到您的NestedScrollView ScrollChangeListener:
NestedScrollView nsv = v.findViewById(R.id.nsv);
nsv.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
@Override
public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
if (scrollY > oldScrollY) {
fab.hide();
} else {
fab.show();
}
}
});
创建FabScrollBehavior类
public class FabScrollBehavior extends CoordinatorLayout.Behavior<FloatingActionButton> {
private int toolbarHeight;
public FabScrollBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
this.toolbarHeight = AppUtil.getToolbarHeight(context);
}
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
return dependency instanceof AppBarLayout;
}
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
if (dependency instanceof AppBarLayout) {
CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) fab.getLayoutParams();
int fabBottomMargin = lp.bottomMargin;
int distanceToScroll = fab.getHeight() + fabBottomMargin;
float ratio = (float)dependency.getY()/(float)toolbarHeight;
fab.setTranslationY(-distanceToScroll * ratio);
}
return true;
}
}
其中AppUtil.getToolbarHeight(上下文)为-
public static int getToolbarHeight(Context context) {
final TypedArray styledAttributes = context.getTheme().obtainStyledAttributes(
new int[]{R.attr.actionBarSize});
int toolbarHeight = (int) styledAttributes.getDimension(0, 0);
styledAttributes.recycle();
return toolbarHeight;
}
然后在您的布局中添加到FloatingActionButton layout_behavior:
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab_task_accept"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="@dimen/fab_margin"
android:src="@drawable/ic_accepted"
app:layout_behavior="pass.to.your.FabScrollBehavior.Class"
app:theme="@style/Widget.AppTheme.Fab"/>
整个布局看起来像
<?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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:animateLayoutChanges="true"
android:orientation="vertical">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/Widget.AppTheme.AppBarOverlay">
<include
layout="@layout/include_layout_toolbar_scroll"/>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/include_layout_content_with_nestedscroll"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab_task_accept"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="@dimen/fab_margin"
android:src="@drawable/ic_accepted"
app:layout_behavior="pass.to.FabScrollBehavior.Class"
app:theme="@style/Widget.AppTheme.Fab"/>
</android.support.design.widget.CoordinatorLayout>
实施日期https://mzgreen.github.io/2015/02/15/How-to-hideshow-Toolbar-when-list-is-scroling(第1部分)/
在活动或片段中定义变量类型int,以设置ScrollView中的上一个滚动,然后使用此方法在ScrollView类中侦听更改滚动
scrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {
@Override
public void onScrollChanged() {
// previousScrollY this variable is define in your Activity or Fragment
if (scrollView.getScrollY() > previousScrollY && floatingActionButton.getVisibility() == View.VISIBLE) {
floatingActionButton.hide();
} else if (scrollView.getScrollY() < previousScrollY && floatingActionButton.getVisibility() != View.VISIBLE) {
floatingActionButton.show();
}
previousScrollY = scrollView.getScrollY();
}
});
将完成所有版本的android
花了这么长时间之后,我找到了解决方案。它可能适用于所有情况。虽然这是一个黑客不是正确的解决方案,但你可以应用它来使这件事发挥作用。
正如我们所知,setOnScrollChangeListener
只有在最小api为23的情况下才能工作,所以如果我的最小api级别小于23呢。
所以我从堆栈溢出中找到了解决方案,我们可以使用getViewTreeObserver().addOnScrollChangedListener
来实现这一点,所以这将是适用于所有设备的兼容解决方案。
现在让我们进入过度问题的最终解决方案"当嵌套滚动视图滚动时隐藏fab按钮,当嵌套滚动查看处于理想状态时显示fab按钮"
因此,我们可以使用Handler
和postDelayed
来解决这个问题。
-
定义上下文中的变量
private int previousScrollY = 0;
-
然后使用
getViewTreeObserver().addOnScrollChangedListener
来进行嵌套滚动视图,如下所示。
NESTEDSCROLLVIEW.getViewTreeObserver().addOnScrollChangedListener(new
ViewTreeObserver.OnScrollChangedListener() {
@Override
public void onScrollChanged() {
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
if (NESTEDSCROLLVIEW.getScrollY() == previousScrollY) {
FABBUTTON.setVisibility(View.VISIBLE);
} else {
FABBUTTON.setVisibility(View.INVISIBLE);
}
}
}, 10);
previousScrollY = NESTEDSCROLLVIEW.getScrollY();
}
});
- 现在你已经准备好出发了
您可以使用此侦听器在滚动时观察和隐藏FAB。
nestedScrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {
@Override
public void onScrollChanged() {
if (nestedScrollView != null) {
if (nestedScrollView.getChildAt(0).getBottom() <= (nestedScrollView.getHeight() + nestedScrollView.getScrollY())) {
fab.setVisibility(View.INVISIBLE);
} else {
fab.setVisibility(View.VISIBLE);
}
}
}
});