material menu

️ O projeto está obsoleto ️

Quaisquer problemas ou solicitações pull não serão resolvidos. Considere bifurcar sua própria versão se alterações forem necessárias.

Menu Materiais

Mudando o menu do Android, botões voltar, descartar e verificar

Tenha controle total da animação:

Incluindo no seu projeto

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

Versões até 2.0 (obsoleto)

Consulte README para configurar versões mais antigas da biblioteca.

Uso

MaterialMenuDrawable

Use-o como um drawable independente na sua 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 );
}

MaterialMenuView

Uma View simples e antiga que desenha o ícone e fornece uma API para manipular seu estado. Você pode incorporá-lo em qualquer layout, incluindo uma Toolbar .

A personalização também está disponível atravé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

Existem quatro estados de ícone:

 BURGER , ARROW , X , CHECK

Para transformar o estado drawable

 MaterialMenu . animateIconState ( IconState state )

Para alterar o estado drawable sem animação

 MaterialMenu . setIconState ( IconState state )

Para animar o drawable manualmente (ou seja, no slide da gaveta de navegação):

 MaterialMenu . setTransformationOffset ( AnimationState state , float value )

Para ocultar ou mostrar o drawable:

 MaterialMenu . setVisible ( boolean visible )

onde AnimationState é BURGER_ARROW, BURGER_X, ARROW_X, ARROW_CHECK, BURGER_CHECK, X_CHECK e value está entre 0 e 2

Nota: O estado do ícone é resolvido pelo valor de deslocamento atual. Certifique-se de usar offset entre 0 e 1 para animação para frente e 1 e 2 para trás para salvar corretamente o estado do ícone na recreação da atividade.

Interação de slides do NavigationDrawer

Implemente MaterialMenu em seu ActionBar conforme descrito acima e adicione um 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 );
                }
            }
        }
    });
}

Desenvolvido por

Balys Valentukevicius

Licença

 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.