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.
Utilizando a TitleView
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!
