TitleView – Xamarin.Forms

Olá, neste post irei demonstrar como utilizar o NavigationPage.TitleView em suas aplicações Xamarin.Forms de uma maneira fácil e rápida.

TitleView 

Se você já é desenvolvedor Xamarin.Forms a algum tempo, pode ser que já tenha se deparado com a necessidade de customizar o título de navegação, seja para colocar uma imagem, botão ou até mesmo uma SearchBar, como demonstrada na imagem a seguir.

Simulator Screen Shot - iPhone 8 - 2018-12-01 at 12.01.10

Pensando nesse cenário, a partir da versão 3.2 do Xamarin.Forms, temos o NavigationPage.TitleView, que com ele podemos personalizar o título de navegação.

 

App

O primeiro passo é na classe App.xaml.cs verificar se está sendo inicializado uma NavigationPage, como demonstrado a seguir.

Screen Shot 2018-12-01 at 12.08.37

 

Xaml

Para utilizar é bem simples, veja no exemplo a seguir que dentro de NavigationPage.TitleView eu coloquei um StackLayout, um Image e um Label, mas poderia ser qualquer controle que você está acostumado a utilizar no Xamarin.Forms.

 

Resultado

 

Android

screenshot-1543674768739

 

iOS

Simulator Screen Shot - iPhone 8 - 2018-12-01 at 12.34.29

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.

icongithub

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s