O X do Xamarin Forms — Alterando/Customizando a NavigationPage

Image for post
Image for post

Fala galera,

beleza?

NavigationPage é um controle que creio ser utilizado em 90% dos apps. Se você não estiver inventando uma outra forma de navegar, pode acabar querendo fazer algumas customizações na mesma.

Hoje lhes trago algumas dicas para fazer na NavigationPage, dicas que podem ser uteis dependendo do seu projeto :D

Vamos a elas!

Alguns apps (dependendo do Designer) ficam mais bonitos com a barra de navegação transparente. Existem diversas formas de fazer isso, mas a que eu encontrei uma vez ( faz muito tempo, mas se não estou enganado foi ate no blog da XamlGirl) , resolveu qualquer situação que eu precisei :

Vamos criar um Xaml baseado em um NavigationPage chamado CustomNavigationPage.

No Xaml vamos implementar alguns styles e algumas configurações por plataforma como o iOS:NavigationPage.IsNavigationBarTranslucent=”True” :

Em seguida no .cs :

Em seguida vamos criar 2 custom renderers :

no Android :

e no iOS :

Pronto! Ao chamarmos na inicialização :

Temos :

Image for post
Image for post

Quem quiser pode baixar o exemplo utilizado Clicando aqui.

Se você criar uma NavigationPage customizada, fica facil alterar suas propriedades.

Mas saiba que é possível altera-las também, nas paginas que estamos navegando. Como ?

Simples basta utilizar o Xamarin.Forms.NavigationPage.OQueDesejaAlterar :

No exemplo acima podemos ver como ocultar a barra, alterar o texto botão de voltar e ate retira-lo!

Podemos também criar styles para customizar a NavigationBar:

Image for post
Image for post

É possível também alteraras cores, direto das plataformas. No iOS por exemplo, vamos adicionar ao appdelegate.cs as linhas para alterar o background e o texto do botão voltar :

Então coloque o óculos de proteção e temos :

Image for post
Image for post

Quem quiser pode baixar o exemplo utilizado Clicando aqui.

São implementações simples, mas que podem melhorar a aparência do seu app :D

Espero ter ajudado!

Aquele abraço!

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store