GuillotineMenu Android

Animación de guillotina

Biblioteca ordenada que proporciona una forma sencilla de implementar animaciones estilo guillotina.

Mira este [proyecto en Dribbble] (https://dribbble.com/shots/2018249-Guillotine-Menu)

Además, lea cómo se hizo en [nuestro blog] (https://yalantis.com/blog/how-we-developed-the-guillotine-menu-animation-for-android/?utm_source=github)

Uso

Para una implementación funcional, eche un vistazo al módulo de la aplicación.

1. Agregue el repositorio JitPack en su build.gradle raíz al final de los repositorios:

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

2. Agregue la dependencia a su aplicación build.gradle

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

3. Debe crear un diseño para el menú de navegación ( guillotine.xml en la aplicación de muestra), que luego se abrirá y cerrará al estilo guillotina. La única parte complicada aquí es que el diseño de navegación debe estar encima de cualquier otro contenido y desaparecerá una vez que finalice la animación de cierre. Es por eso que el diseño del contenido ( activity.xml en la aplicación de muestra) también debe tener un ícono de hamburguesa en las mismas coordenadas que el menú de navegación.

4. Después de eso, todo lo que necesita hacer es crear una animación pasando el objeto de diseño de navegación, los objetos de hamburguesa de diseño de contenido y navegación a GuillotineAnimation.GuillotineBuilder en su método onCreate

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

Aquí el método setActionBarViewForAnimation habilita el efecto de rebote de la barra de herramientas al final de la animación de cierre de la guillotina.

Varios

Builder le permite personalizar el retraso de inicio, la duración, la interpolación y puede configurar el oyente si desea hacer personal en el momento en que se abre o cierra el menú.

Compatibilidad

• Android 4.0.3 Ice Cream Sandwich (API nivel 15)

Registro de cambios

Versión: 1.0

• Construcción inicial

Versión: 1.2

• Se pasó a usar la barra de herramientas en lugar de la barra de acciones.
• Versiones actualizadas de Gradle
• Errores corregidos

¡Háganos saber!

Estaríamos muy contentos si nos enviara enlaces a sus proyectos en los que utiliza nuestro componente. Simplemente envíe un correo electrónico a [email protected] y háganos saber si tiene alguna pregunta o sugerencia sobre la animación.

PD: Vamos a publicar más maravillas envueltas en código y un tutorial sobre cómo hacer que la interfaz de usuario para Android (iOS) sea mejor que mejor. ¡Manténganse al tanto!

Licencia

 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.