que - inhabilitar seleccion automatica android

Uso de Google Design Library cómo ocultar el botón FAB en ¿Desplazarse hacia abajo?

Question

Google lanzó la biblioteca de diseño, estoy usando

 compile ''com.android.support:design:22.2.1''

Sin embargo, no puedo ver ningún ejemplo de código sobre cómo usar esta biblioteca y cómo animar la barra FAB en scroll. Supongo que puedo escuchar eventos de desplazamiento en ListView y luego animar el botón yo mismo, pero ¿esto no está incluido en la API (este no es el objetivo de esta biblioteca de soporte)?

Hay ejemplos?

Gracias

Answer 1

El @ianhanniballake funciona bien, pero los métodos onStartNestedScroll() y onNestedScroll() se desaprobaron. Aquí está la versión actualizada:

public class FabAwareScrollingViewBehavior extends AppBarLayout.ScrollingViewBehavior {
public FabAwareScrollingViewBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
return super.layoutDependsOn(parent, child, dependency) ||
dependency instanceof FloatingActionButton;
}
@Override
public boolean onStartNestedScroll(@NonNull CoordinatorLayout coordinatorLayout,
@NonNull View child, @NonNull View directTargetChild,
@NonNull View target, int axes, int type) {
// Ensure we react to vertical scrolling
return axes == ViewCompat.SCROLL_AXIS_VERTICAL ||
super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, axes, type);
}
@Override
public void onNestedPreScroll(@NonNull CoordinatorLayout coordinatorLayout,
@NonNull View child, @NonNull View target, int dx, int dy,
@NonNull int[] consumed, int type) {
super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed, type);
if (dy > 0) {
// User scrolled down -> hide the FAB
List<View> dependencies = coordinatorLayout.getDependencies(child);
for (View view : dependencies) {
if (view instanceof FloatingActionButton) {
((FloatingActionButton) view).hide();
}
}
} else if (dy < 0) {
// User scrolled up -> show the FAB
List<View> dependencies = coordinatorLayout.getDependencies(child);
for (View view : dependencies) {
if (view instanceof FloatingActionButton) {
((FloatingActionButton) view).show();
}
}
}
}
}

También hay una muy buena publicación de @ianhanniballake sobre este tema: Interceptar todo con CoordinatorLayout Behaviors

Answer 2

Hacer que un componente reaccione a los eventos de desplazamiento se realiza más fácilmente con un CoordinatorLayout.Behavior personalizado, ya que reciben eventos de desplazamiento automáticamente cuando anulas onStartNestedScroll() .

Un ejemplo de comportamiento que oculta y muestra el FAB en desplazamiento encontrado en este FABAwareScrollingViewBehavior , construido sobre cheesesquare :

public class FABAwareScrollingViewBehavior
extends AppBarLayout.ScrollingViewBehavior {
public FABAwareScrollingViewBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean layoutDependsOn(CoordinatorLayout parent,
View child, View dependency) {
return super.layoutDependsOn(parent, child, dependency) ||
dependency instanceof FloatingActionButton;
}
@Override
public boolean onStartNestedScroll(
final CoordinatorLayout coordinatorLayout, final View child,
final View directTargetChild, final View target,
final int nestedScrollAxes) {
// Ensure we react to vertical scrolling
return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL
|| super.onStartNestedScroll(coordinatorLayout, child,
directTargetChild, target, nestedScrollAxes);
}
@Override
public void onNestedScroll(
final CoordinatorLayout coordinatorLayout, final View child,
final View target, final int dxConsumed, final int dyConsumed,
final int dxUnconsumed, final int dyUnconsumed) {
super.onNestedScroll(coordinatorLayout, child, target,
dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);
if (dyConsumed > 0) {
// User scrolled down -> hide the FAB
List<View> dependencies = coordinatorLayout.getDependencies(child);
for (View view : dependencies) {
if (view instanceof FloatingActionButton) {
((FloatingActionButton) view).hide();
}
}
} else if (dyConsumed < 0) {
// User scrolled up -> show the FAB
List<View> dependencies = coordinatorLayout.getDependencies(child);
for (View view : dependencies) {
if (view instanceof FloatingActionButton) {
((FloatingActionButton) view).show();
}
}
}
}
}

Donde su vista de desplazamiento tendría la app:layout_behavior="com.support.android.designlibdemo.FABAwareScrollingViewBehavior" lugar de la app:layout_behavior="@string/appbar_scrolling_view_behavior"

Sin embargo, puede reemplazar hide() y show() con cualquier acción si lo desea. Los detalles sobre cómo se hizo esto se pueden encontrar en esta publicación y en la publicación de seguimiento para v22.2.1 y la publicación de seguimiento para v25.1.0 .

Tenga en cuenta que esto, al igual que todos los comportamientos de desplazamiento de la Biblioteca de diseño, requieren que su vista admita el desplazamiento anidado, que actualmente lo limita a NestedScrollView , RecyclerView - ListView y ScrollView solo funcionan en dispositivos API21 +.

Answer 3

Si NO estás utilizando un RecycleView (es decir, solo ScrollView normal), esto hará el truco:

mScrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {
@Override
public void onScrollChanged() {
if (mScrollView.getScrollY() > oldScrollYPostion) {
fab.hide();
} else if (mScrollView.getScrollY() < oldScrollYPostion || mScrollView.getScrollY() <= 0) {
fab.show();
}
oldScrollYPostion = mScrollView.getScrollY();
}
});

No te olvides de declarar:

private int oldScrollYPostion = 0;

dentro de tu clase

Answer 4

Si está utilizando RecyclerView y está buscando algo simple, puede intentar esto:

 recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener(){
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy){
if (dy > 0)
fabAddNew.hide();
else if (dy < 0)
fabAddNew.show();
}
});

Al reemplazar 0 con una constante, puede ajustar la sensibilidad de activación, proporcionando una experiencia más fluida

Answer 5

Usar CoordinatorLayout es la mejor manera. Sin embargo, si desea adjuntar oyente a ListView o RecyclerView, también puede hacerlo. Creo que es más personalizable. Aquí está mi ejemplo en git hub.

Proyecto Github: Ocultar FAB (Biblioteca de materiales) con listview

Answer 6

recyclerView.setOnFlingListener(new RecyclerView.OnFlingListener() {
@Override
public boolean onFling(int velocityX, int velocityY) {
if (velocityY < 0)
mScrollCallbacks.showUI();
//Code to hide the UI, I have a custom one that slides down the nav bar and the fab
else if (velocityY > 0)
mScrollCallbacks.hideUI();
//Code to show the UI
return false;
}
});

Esto funciona muy bien