O X do Xamarin Forms — A Nova TitleView

Fala galera,

beleza?

Finalmente saiu o Release do Xamarin.Forms 3.2!! Essa comemoração toda é devido a uma funcionalidade que eu estava aguardando. TitleView!

Deixa eu contextualizar , antes quando você precisava adicionar um logo, texto customizado e etc no titulo da NavigationBar a resposta era : custom renderer!

Para você ter uma ideia de como era existe esse artigo do James Montemagno, ensinando a colocar um ícone na navigationtoolbar. Realmente era a unica forma.

Porem com o Lançamento do Xamarin.Forms 3.2 isso foi "resolvido". Foi implementada a TitleView e vamos ver como é simples implementar o que precisamos nela.

Antes de mais nada, vamos garantir que todos os projetos estão utilizando a versão do Xamarin.Forms 3.2 :

Warning: Antes de sair atualizando seu projeto, faça backup, crie branch e etc… Lembre-se, por mais que seja uma versão estável, pode apresentar problemas com seus plugins e implementações. Você pode ter que adaptar seu código.

Certo agora vamos mudar a inicialização para uma NavigationPage bem simples :

Beleza! Agora entra a magia da TitleView!

Basicamente a TitleView é uma propriedade da NavigationPage : NavigationPage.TitleView. Vamos implementar na nossa MainPage.xaml o código abaixo :

Não esqueça de adicionar as imagens nas pastas de resources.

Rodando :

Simples Não? Sério ficou muito facil! Nós podemos inclusive adicionar conteúdo interativo , por exemplo vamos adicionar um TapGestureRecognizer na imagem :

E no código :

Agora toque na imagem :

Ahhh ❤ !

Apenas algumas considerações:

· O conteúdo só irá adquirir o espaço necessário para se exibir e não assumirá a barra inteira.

· A altura da barra irá cortar o conteúdo mais alto.

· No Android, você pode ajustar a altura,x,y e etc.No entanto, o iOS não permite isso.

· Elementos de navegação, como ToolBarItems podem entrar em conflito com o conteúdo TitleView , as vezes é necessário ajustar o conteúdo para corrigir isso

Caso queira baixar o código utilizado no Exemplo: Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!

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