Bibliothèque soignée, qui fournit un moyen simple d'implémenter une animation de style guillotine
Vérifiez ceci [projet sur Dribbble] (https://dribbble.com/shots/2018249-Guillotine-Menu)
Lisez également comment cela a été réalisé sur [notre blog] (https://yalantis.com/blog/how-we-developed-the-guillotine-menu-animation-for-android/?utm_source=github)
Pour une implémentation fonctionnelle, jetez un œil au module app
Ajoutez le référentiel JitPack dans votre racine build.gradle à la fin des référentiels :
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
Ajoutez la dépendance à votre application build.gradle
dependencies {
compile 'com.github.Yalantis:GuillotineMenu-Android:1.2'
}
Vous devez créer une mise en page pour le menu de navigation ( guillotine.xml
dans l'exemple d'application), qui s'ouvrira et se fermera ensuite à la manière d'une guillotine. La seule partie délicate ici est que la disposition de navigation doit être au-dessus de tout autre contenu et disparaîtra après la fin de l'animation de fermeture. C'est pourquoi la disposition du contenu ( activity.xml
dans l'exemple d'application) doit également avoir une icône de hamburger aux mêmes coordonnées que le menu de navigation.
Après cela, tout ce que vous avez à faire est de créer une animation en passant des objets hamburger de disposition de navigation, de navigation et de disposition de contenu à GuillotineAnimation.GuillotineBuilder
dans votre méthode onCreate
.
new GuillotineAnimation . GuillotineBuilder ( guillotineMenu , guillotineMenu . findViewById ( R . id . guillotine_hamburger ), contentHamburger )
. setActionBarViewForAnimation ( toolbar )
. build ();
Ici, la méthode setActionBarViewForAnimation
active l'effet de rebond de la barre d'outils à la fin de l'animation de fermeture de la guillotine.
Builder vous permet de personnaliser le délai de démarrage, la durée, l'interpolation et vous pouvez définir l'écouteur si vous souhaitez faire du personnel au moment où le menu a été ouvert ou fermé.
Nous serions très heureux si vous nous envoyiez des liens vers vos projets dans lesquels vous utilisez notre composant. Envoyez simplement un e-mail à [email protected] Et faites-nous savoir si vous avez des questions ou des suggestions concernant l'animation.
PS Nous allons publier plus de merveilles enveloppées dans du code et un tutoriel sur la façon de rendre l'interface utilisateur pour Android (iOS) meilleure que meilleure. Restez à l'écoute!
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.