Ausblenden FAB in NestedScrollView beim scrollen

Ich bin eine nestedscrollview mit Inhalten wie einige linearlayouts und textviews.
Ich bin mit einem floatingactionbutton Bibliothek für einige Gründe, wie gut. So kann ich nicht verwenden, der ein Verhalten für Sie.
Ich weiß nicht, wie ich das behandeln soll, die scrollchangelistener aus scrollview ein-und ausblenden, die fab dynamisch wie ein Verhalten.

Irgendwelche Vorschläge, wie ein-und ausblenden der fab beim scrollen?

  • Überprüfen Sie diese Lösungen: stackoverflow.com/questions/32038332/...
  • Haben bereits. Nichts funktioniert.
  • Bitte sorgfältig Lesen: plus.google.com/+IanLake/posts/haQL1mnTzaw und prüfen, cheesesquare auf GitHub
  • bitte beachten Sie, dass im verwenden einer anderen Bibliothek für meine floatingactionbutton, dass doesnt support Verhaltens, also, wenn ich versuchen, und fügen Sie die "app:layout_behavior="package", die app stürzt ab. cheesesquare die default floatingactionbutton.
  • sorry, ich hatte vergessen über es. So fragt der Autor dieser Bibliothek, ich meine neues Thema auf der Github-Seite
InformationsquelleAutor Muffin | 2016-01-01
  1. 26

    Einfache fügen Sie diesen code unten, um Ihre 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();
            }
        }
    });
    • Dies erfordert API-level 23 oder höher.
    • Sind Sie sicher? Ich benutze es in der API-Ebene 19.
    • Ich bin mir sehr sicher. Haben hier suchen. Finden Sie ein SMS mit dem Inhalt: "Hinzugefügt, in API-Ebene 23" in der oberen rechten Ecke und die IDE sollte sein, darauf hinzuweisen, wie gut.
    • Ja, du hast Recht, aber ich denke, dass NestedScrollView.setOnScrollChangeListener arbeitet mit API v4 Bitte, schauen Sie hier: developer.android.com/reference/android/support/v4/widget/...
    • Sie müssen zum importieren dieser: android.Unterstützung.v4.- widget.NestedScrollView;
    • Das ist wahr. Es funktioniert so, aber dann funktioniert es nur auf NestedScrollView's.

    InformationsquelleAutor Henrique Monte
  2. 10

    Erstellen FabScrollBehavior Klasse

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

    Wo AppUtil.getToolbarHeight(Kontext) ist - 

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

    dann in Ihrem layout hinzufügen 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"/>

    Das ganze layout sieht aus wie 

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

    Umgesetzt von https://mzgreen.github.io/2015/02/15/How-to-hideshow-Toolbar-when-list-is-scroling(part1)/

    • Genial, aber die layout_behavior einfach "passieren.zu.FabScrollBehavior"
    InformationsquelleAutor Tigran Sarkisian
  3. 3

    definieren variable Typ int in der Activity oder fragment zu setzen vorhergehenden Blättern aus ScrollView dann verwenden Sie diese Methode, um zu hören, ändern, Blättern Sie in eine ScrollView-Klasse

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

    wird die Arbeit aller android-version

    • Dies ist nicht zuverlässig. Es funktioniert sporadisch. Auch beim scrollen endet, FAB zeigen sollte für eine bessere ux, das ist nicht möglich, als Staat, der nicht Lesen konnte.
    InformationsquelleAutor yousef
Schreibe einen Kommentar