Top Tabbed Page para iOS – Xamarin.Forms

Olá, neste post irei demonstrar como implementar Top Tabbed Page para iOS.

Antes que você me pergunte

Abas no topo da página não vão contra as diretrizes da Apple ?”

Sim… mas já tentou explicar isso para um cliente ? (Acho que eu não preciso de outra justificativa né ? kkkk)

Bom, se você encontra-se em uma situação parecida, esse post com certeza é para você. Sem mais delongas, vamos ao código.

ADICIONANDO O NUGET PACKAGE

Clique com o botão direito em cima de sua Solution e selecione “Manage NuGet Packages for Solution…”.

1

 

Digite “Naxam.TopTabbedPage.Forms” e selecione o plugin como demonstrado na imagem a seguir.

2

 

Selecione o projeto compartilhado e clique no botão “Install”.

2

Compartilhado

Em seu projeto compartilhado, crie uma TabbedPage como você já está acostumado e lembre-se de referencia-lá na MainPage da classe App.cs.

MainPage = new NavigationPage(new MainTabbedPage());

 

Xaml

Referencie o namespace do plugin e utilize TopTabbedPage.

Code-behind

Lembre-se de modificar a herança da classe para TopTabbedPage.

iOS

Em seu projeto .iOS inicialize o Plugin na classe AppDelegate.

AppDelegate.cs

Resultado

ezgif.com-video-to-gif (2)
Android
ezgif.com-gif-maker
iOS

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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