Menü und Authide FloatingActionButton der Android Design Support Library

9

Ich verwende die Android Design-Support-Bibliothek und möchte einen FloatingActionButton mit AutoHide by Scrolling,

Mein Layout ist:

%Vor%

FloatingActionButton wird immer beim Scrollen von Text angezeigt, ich möchte ihn beim Scrollen von Text automatisch ausblenden.

Und ich möchte ein FloatingActionButton-Menü haben, indem ich auf FloatingActionButton klicke, wie folgt:

    
AliSh 13.07.2015, 10:54
quelle

3 Antworten

31
  

FloatingActionButton mit AutoHide by Scrolling,

Sie müssen android.support.v4.widget.NestedScrollView anstelle von ScrollView verwenden. Sie können die ScrollView nicht verwenden. Sie müssen die NestedScrollView oder eine Ansicht verwenden, die die NestedScrollingChild-Schnittstelle wie eine RecyclerView implementiert.

Um diese Art von Muster zu erhalten, müssen Sie Ihre benutzerdefinierte Behavior implementieren. Es gibt einen netten Code, der von einem Googler gepostet wird, der den FAB verbirgt, wenn der Benutzer nach unten scrollt und ihn anzeigt, wenn er zurückscrollt. Verwendet dieselbe Animation, die in FloatingActionButton.Behavior zum Ausblenden / Anzeigen des FAB als Reaktion auf das Beenden / Eingeben des AppBarLayout verwendet wird.

AKTUALISIERT 18/07/2015

Mit 22.2.1 können Sie einfach den unten angegebenen Code hinzufügen, indem Sie die vorgefertigten Animationen verwenden. Verwenden Sie einfach eine Klasse wie diese: (Originalquelle hier )

%Vor%

Dann können Sie dieses Verhalten auf Ihren FAB anwenden mit:

%Vor%

Mit Design 22.2.0 : Sie müssen eine Klasse wie folgt verwenden: (Originalquelle hier )

%Vor%

Dann können Sie dieses Verhalten auf Ihren FAB anwenden mit:

%Vor%

Natürlich können Sie diesen Code ändern, um Ihr Lieblingsmuster zu erhalten.

  

Und ich möchte ein FloatingActionButton-Menü haben, indem ich auf FloatingActionButton klicke, wie folgt:

Derzeit unterstützt das ursprüngliche FAB dieses Muster nicht. Sie müssen einen benutzerdefinierten Code implementieren, um es zu erreichen.

    
Gabriele Mariotti 13.07.2015, 12:40
quelle
1

Sie können es erreichen

Hier ist mein Code.

Schritt 1:

Machen Sie Getter von FloatingActionMenu zuerst so, dass Sie es aus einer anderen Aktivität oder aus einem Fragment aufrufen können, in dem Ihre Recyclingansicht verwendet wird.

%Vor%

Schritt 2:

Rufen Sie die Zeile aus einer anderen Aktivität oder aus dem Fragment

auf %Vor%

Schritt 3:

Überprüfen Sie jetzt, ob die Recycleansicht scrollt oder nicht, abhängig von der "dy" -Position     Hier habe ich Animation FabMenu

verwendet %Vor%

Hinweis: Wenn Sie den FloatingActionButton beim Scrollen ausblenden möchten, verwenden Sie denselben Code wie in FloatingActionMenu.

Danke.

    
Ulearn 26.02.2016 09:48
quelle
0

Sie können das Floating-Action-Menü mit diesem implementieren.

In Bezug auf die Animation für das Floating-Action-Menü können Sie eine Klasse namens ScrollAwareFloatingActionMenuBehaviour erstellen:

%Vor%

Beachten Sie, dass R.anim.fab_in und R.anim.fab_out durch R.anim.design_fab_in bzw. R.anim.design_fab_out ersetzt werden.

Benutze es im xml:

%Vor%     
Noel Chew 12.04.2016 07:09
quelle