hide/show fab with scale animation

Ich verwende ein benutzerdefiniertes Floatingactionmenü. Ich muss Maßstabsanimation auf Show/hide Menü-Taste wie hier implementieren floating action button behaviour hide/show fab with scale animation

Gibt es eine Möglichkeit, dies zu tun?

Quelle

2016-01-01 JosephM

Verwenden der fab.show() und fab.hide() Methoden durch die Gestaltung lib vorgesehen. Vielleicht möchten Sie [this] (http://stackoverflow.com/questions/30937028/how-to-animate-floatingactionbutton-like-in-google-app-for-android) – Skynet

seine nicht android fab Bibliothek seine Gewohnheit überprüfen fab menu [hier] (https://github.com/Clans/FloatingActionButton) – JosephM

Warum möchten Sie eine Bibliothek verwenden, wenn das Framework diese Kontrolle für Sie bereitstellt? – Skynet

Sie können diese Skalierungsanimationen für fab Taste verwenden, es gibt den gleichen Effekt wie Design lib fab Taste.

scale_up.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" > 
    <scale 
     android:duration="100" 
     android:fromXScale="0" 
     android:fromYScale="0" 
     android:pivotX="85%" 
     android:pivotY="85%" 
     android:toXScale="1.0" 
     android:toYScale="1.0" /> 
</set>

scale_down.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" > 
    <scale 
     android:duration="100" 
     android:fromXScale="1.0" 
     android:fromYScale="1.0" 
     android:pivotX="85%" 
     android:pivotY="85%" 
     android:toXScale="0" 
     android:toYScale="0" /> 
</set>

Quelle

2016-01-01 06:29:27 Max

es funktioniert für mich dank @max – JosephM

Wo gebe ich das, wie verwende ich es? –

Das Design Support-Bibliothek Revision 22.2.1 die hide() und show() Methoden zum FloatingActionButton Klasse hinzugefügt , damit Sie diese ab sofort nutzen können.

FloatingActionButton mFab; 
mFab.hide(); 
mFab.show();

Sie können Ihre eigene Animation darauf anwenden. Für weitere Informationen check this.

Quelle

2016-01-01 06:34:11

googles Zeug zu verlinken ist lächerlich, wir brauchen Beispiel – djdance

richtige Antwort :) –

sollte dies als die richtige Antwort markiert werden – icortesi

Laden Sie diese Animation in Ihre benutzerdefinierte Ansicht. Vergessen Sie nicht, den Drehpunkt auf 50% und den Interpolator auf den Linearinterpolator zu setzen.

scale_up.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" > 
    <scale 
     android:duration="100" 
     android:fromXScale="0" 
     android:fromYScale="0" 
     android:interpolator="@android:anim/linear_interpolator" 
     android:pivotX="50%" 
     android:pivotY="50%" 
     android:toXScale="1.0" 
     android:toYScale="1.0" /> 
</set>

scale_down.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" > 
    <scale 
     android:duration="100" 
     android:fromXScale="1.0" 
     android:fromYScale="1.0" 
     android:interpolator="@android:anim/linear_interpolator" 
     android:pivotX="50%" 
     android:pivotY="50%" 
     android:toXScale="0" 
     android:toYScale="0" /> 
</set>

Quelle

2016-01-01 06:45:38 CodingRat

hide/show fab with scale animation

Antwort

Verwandte Themen