Como usar Menu Hamburger [Xamarin]

Neste artigo vou mostrar como iremos utilizar o Menu Hamburger.

Crie um projeto novo no Xamarin.forms, após isso, abra o MainPage.cs e altere de ContentPage para MasterDatailPage.

Em App.cs adicione a propriedade MasterDetail;

 public static MasterDetailPage MasterDatail { get; set; }

Ainda em App.cs adicione o seguinte método;

 public static void NavigationDetail(Page page)
        {
            App.MasterDatail.IsPresented = false;
            
            App.MasterDatail.Detail = new NavigationPage(page);
        }

Crie tres telas uma chamada Master, outra chamada Home (ou Datail) e outra chamada Produtos, após isso, na MainPage.cs no método principal adicione;

         

1 2 3

this.Master = new Master(); this.Detail = new NavigationPage(new home()); App.MasterDatail = this;

Com isso criamos uma propriedade MasterDetailPage do tipo MasterDatail e também criamos um método NavigationDetail ao qual utilizaremos para a navegação.

Na page Master, a primeira página que criamos, iremos adicionar botões e os comandos para a navegação são

App.NavigationDetail(new Produtos());

Navegação será feita mantendo o menu hamburguer, caso você queria que ao envés de sempre manter o menu hamburger e apareça uma seta para voltar ao principal, mude de 

App.MasterDatail.Detail = new NavigationPage(page);

para 

App.MasterDatail.Detail.Navigation.PushAsync(page);

Após essa mudança, ao navegar irá aparecer uma seta para voltar no canto superior esquerdo.

COMENTE

& Compartilhe

Tweet