GuillotineMenu Android

Guillotine-Animation

Ordentliche Bibliothek, die eine einfache Möglichkeit bietet, Animationen im Guillotine-Stil zu implementieren

Schauen Sie sich dieses [Projekt auf Dribbble] an (https://dribbble.com/shots/2018249-Guillotine-Menu)

Lesen Sie außerdem in [unserem Blog], wie es gemacht wurde (https://yalantis.com/blog/how-we-developed-the-guillotine-menu-animation-for-android/?utm_source=github).

Verwendung

Eine funktionierende Implementierung finden Sie im App-Modul

1. Fügen Sie das JitPack-Repository in Ihrem Root-build.gradle am Ende der Repositorys hinzu:

    allprojects {
       repositories {
           ...
           maven { url "https://jitpack.io" }
       }
   }
   
   

2. Fügen Sie die Abhängigkeit zu Ihrer App build.gradle hinzu

    dependencies {
       compile 'com.github.Yalantis:GuillotineMenu-Android:1.2'
   }
   

3. Sie müssen ein Layout für das Navigationsmenü erstellen ( guillotine.xml in der Beispiel-App), das später im Guillotine-Stil geöffnet und geschlossen wird. Der einzige knifflige Teil besteht darin, dass das Navigationslayout über allen anderen Inhalten liegen sollte und nach Ende der Schließanimation verschwindet. Aus diesem Grund sollte das Inhaltslayout ( activity.xml in der Beispiel-App) auch ein Hamburger-Symbol an denselben Koordinaten haben wie das Navigationsmenü.

4. Danach müssen Sie nur noch eine Animation erstellen, indem Sie Navigationslayoutobjekte, Navigations- und Inhaltslayout-Hamburger-Objekte an GuillotineAnimation.GuillotineBuilder in Ihrer onCreate Methode übergeben

    new GuillotineAnimation . GuillotineBuilder ( guillotineMenu , guillotineMenu . findViewById ( R . id . guillotine_hamburger ), contentHamburger )
               . setActionBarViewForAnimation ( toolbar )
               . build ();

Hier ermöglicht setActionBarViewForAnimation -Methode den Sprungeffekt der Symbolleiste am Ende der Guillotine-Schließanimation.

Sonstiges

Mit Builder können Sie Startverzögerung, Dauer und Interpolation anpassen und Sie können den Listener festlegen, wenn Sie die Noten in dem Moment ausführen möchten, in dem das Menü geöffnet oder geschlossen wurde.

Kompatibilität

• Android 4.0.3 Ice Cream Sandwich (API-Level 15)

Änderungsprotokoll

Version: 1.0

• Erster Build

Version: 1.2

• Zur Verwendung der Symbolleiste anstelle der Aktionsleiste verschoben
• Aktualisierte Gradle-Versionen
• Fehler behoben

Lassen Sie es uns wissen!

Wir würden uns sehr freuen, wenn Sie uns Links zu Ihren Projekten senden, in denen Sie unsere Komponente einsetzen. Senden Sie einfach eine E-Mail an [email protected]. Teilen Sie uns mit, wenn Sie Fragen oder Vorschläge zur Animation haben.

PS: Wir werden noch mehr Großartiges in Code und ein Tutorial veröffentlichen, wie man die Benutzeroberfläche für Android (iOS) besser als besser macht. Bleiben Sie dran!

Lizenz

 Copyright 2017, Yalantis

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.