material menu

️ El proyecto está en desuso. ️

No se abordarán ningún problema o solicitud de extracción. Considere bifurcar su propia versión si es necesario realizar cambios.

Menú de materiales

Menú Morphing de Android, botones Atrás, Descartar y Verificar

Tener control total de la animación:

Incluyendo en tu proyecto

compile ' com.balysv.materialmenu:material-menu:2.0.0 ' 

Versiones hasta 2.0 (en desuso)

Consulte README para configurar versiones anteriores de la biblioteca.

Uso

MaterialMenúDibujable

Úselo como un elemento de diseño independiente en su Toolbar :

 private MaterialMenuDrawable materialMenu ;

protected void onCreate ( Bundle savedInstanceState ) {
    super . onCreate ( savedInstanceState );
    setContentView ( R . layout . toolbar );
    Toolbar toolbar = ( Toolbar ) findViewById ( R . id . toolbar );
    setSupportActionBar ( toolbar );
    toolbar . setNavigationOnClickListener ( new View . OnClickListener () {
        @ Override public void onClick ( View v ) {
        // Handle your drawable state here
        materialMenu . animateState ( newState );
      }
    });
    materialMenu = new MaterialMenuDrawable ( this , Color . WHITE , Stroke . THIN );
    toolbar . setNavigationIcon ( materialMenu );
}

MaterialMenúVer

Una View antigua y sencilla que dibuja el icono y proporciona una API para manipular su estado. Puede incrustarlo en cualquier diseño, incluida una Toolbar .

La personalización también está disponible a través de atributos xml:

app:mm_color="color"               // Color of drawable
app:mm_visible="boolean"           // Visible
app:mm_transformDuration="integer" // Transformation animation duration
app:mm_scale="integer"             // Scale factor of drawable
app:mm_strokeWidth="integer"       // Stroke width of icons (can only be 1, 2 or 3)
app:mm_rtlEnabled="boolean"        // Enabled RTL layout support (flips all drawables)
app:mm_iconState="enum"            // Set the intial state of the drawable (burger, arrow, x or check)

API

Hay cuatro estados de iconos:

 BURGER , ARROW , X , CHECK

Para transformar el estado dibujable

 MaterialMenu . animateIconState ( IconState state )

Para cambiar el estado dibujable sin animación

 MaterialMenu . setIconState ( IconState state )

Para animar el dibujable manualmente (es decir, en la diapositiva del cajón de navegación):

 MaterialMenu . setTransformationOffset ( AnimationState state , float value )

Para ocultar o mostrar el dibujable:

 MaterialMenu . setVisible ( boolean visible )

donde AnimationState es uno de BURGER_ARROW, BURGER_X, ARROW_X, ARROW_CHECK, BURGER_CHECK, X_CHECK y value está entre 0 y 2

Nota: El estado del icono se resuelve según el valor de compensación actual. Asegúrese de utilizar offset entre 0 y 1 para la animación hacia adelante y 1 y 2 para hacia atrás para guardar correctamente el estado del ícono en la recreación de la actividad.

NavegaciónInteracción con diapositivas del cajón

Implemente MaterialMenu en su ActionBar como se describe arriba y agregue un DrawerListener personalizado:

 private DrawerLayout drawerLayout ;
private boolean isDrawerOpened ;
private MaterialMenuDrawable materialMenu ;

@ Override
protected void onCreate ( Bundle savedInstanceState ) {
    super . onCreate ( savedInstanceState );
    toolbar = ( Toolbar ) findViewById ( R . id . toolbar );
    setSupportActionBar ( toolbar );
    materialMenu = new MaterialMenuDrawable ( this , Color . WHITE , Stroke . THIN );
    toolbar . setNavigationIcon ( materialMenu );

    drawerLayout = ( DrawerLayout ) findViewById ( R . id . drawer_layout );
    drawerLayout . setDrawerListener ( new DrawerLayout . SimpleDrawerListener () {
        @ Override
        public void onDrawerSlide ( View drawerView , float slideOffset ) {
            materialMenu . setTransformationOffset (
                MaterialMenuDrawable . AnimationState . BURGER_ARROW ,
                isDrawerOpened ? 2 - slideOffset : slideOffset
            );
        }

        @ Override
        public void onDrawerOpened ( View drawerView ) {
            isDrawerOpened = true ;
        }

        @ Override
        public void onDrawerClosed ( View drawerView ) {
            isDrawerOpened = false ;
        }
        
        @ Override
        public void onDrawerStateChanged ( int newState ) {
            if ( newState == DrawerLayout . STATE_IDLE ) {
                if ( isDrawerOpened ) {
                   menu . setIconState ( MaterialMenuDrawable . IconState . ARROW );
                } else {
                   menu . setIconState ( MaterialMenuDrawable . IconState . BURGER );
                }
            }
        }
    });
}

Desarrollado por

Balys Valentukevicius

Licencia

 Copyright 2016 Balys Valentukevicius

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.