Masquer FAB dans NestedScrollView lors du défilement

Je vais avoir un nestedscrollview avec le contenu à l'instar de certains linearlayouts et textviews.
Je suis à l'aide d'un floatingactionbutton bibliothèque pour certaines raisons. Donc je ne peux pas utiliser n'importe quel comportement.
Je ne sais pas comment je dois gérer le scrollchangelistener de scrollview pour masquer et afficher les fab dynamiquement comme un comportement.

Des suggestions pour masquer et afficher les fab pendant le défilement?

  • Vérifier ces solutions: stackoverflow.com/questions/32038332/...
  • Ont déjà. Rien ne fonctionne.
  • A lire: plus.google.com/+IanLake/posts/haQL1mnTzaw et vérifier cheesesquare sur GitHub
  • veuillez noter que la messagerie instantanée à l'aide d'une autre bibliothèque pour mon floatingactionbutton qui ne supporte pas ce comportement, donc si j'essaie d'ajouter le "app:layout_behavior="package", l'application se bloque. cheesesquare est à l'aide de la valeur par défaut floatingactionbutton.
  • désolé, j'avais oublié à ce sujet. Alors demandez à l'auteur de cette bibliothèque, je veux dire créer de la question sur la page Github
InformationsquelleAutor Muffin | 2016-01-01
  1. 26

    Simple d'ajouter ce code ci-dessous pour votre 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();
            }
        }
    });
    • Cela nécessite de l'API de niveau 23 ou au-dessus.
    • Êtes-vous sûr? Je l'utilise l'API de niveau 19.
    • Je suis très sûr. Avez ici. Vous trouverez un texte disant: ", a Ajouté l'API de niveau 23" dans le coin supérieur droit et votre IDE doit être souligné que bien.
    • Oui, vous avez raison, mais je pense que NestedScrollView.setOnScrollChangeListener travaille avec l'API v4 s'il vous Plaît, jetez un oeil ici: developer.android.com/reference/android/support/v4/widget/...
    • Vous devez importer ce: android.de soutien.v4.widget de.NestedScrollView;
    • Ce qui est vrai. Il fonctionne de cette façon, mais il ne fonctionne que sur NestedScrollViews'.

    InformationsquelleAutor Henrique Monte
  2. 10

    Créer FabScrollBehavior classe

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

    Où AppUtil.getToolbarHeight(contexte) est - 

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

    puis de la mise en page ajouter à 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"/>

    Toute la mise en page ressemble à 

    <?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>

    Mis en œuvre à partir de https://mzgreen.github.io/2015/02/15/How-to-hideshow-Toolbar-when-list-is-scroling(part1)/

    • Génial, mais le layout_behavior suffit d'utiliser "passer.d'.FabScrollBehavior"
    InformationsquelleAutor Tigran Sarkisian
  3. 3

    définir la variable de type int dans votre Activité ou fragment de définir précédente Défilement de ScrollView puis utilisez cette méthode pour écouter changement de défilement dans le ScrollView Classe

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

    les travaux effectués toutes les version d'android

    • Ce n'est pas fiable. Il fonctionne de façon sporadique. Aussi, lorsque le défilement se termine, FAB devrait montrer pour mieux ux, ce qui n'est pas possible que l'état ne pouvait pas lire.
    InformationsquelleAutor yousef