Fala, galera! Tudo beleza?

Xamarin.Forms tem, por padrão, a ideia de implementar funcionalidades/interfaces que sejam comuns as plataformas.

Porém, existem funcionalidades do iOS que não existem no Android, assim como o contrário.

E aí, Custom renderer? Muitas vezes, sim, mas a equipe da Xamarin nos ajudou implementando diversas delas, e hoje vou mostrar como utilizá-las.

Como existem muitas funcionalidades, começaremos o artigo de hoje com a primeira parte cobrindo o iOS e depois teremos uma segunda parte dedicada ao Android.

Vamos lá?

Existem duas formas de utilizar as funcionalidades nativas: via XAML ou via C# (caso você utilize C# para as interfaces).

Para facilitar o exemplo, vou declarar o namespace no Xaml e algumas vou implementar em um botão para vocês conseguirem ver a chamada.

Basicamente, para utilizarmos uma funcionalidade nativa precisamos do namespace xmlns:ios=”clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core”. Com ele teremos acesso à biblioteca nativa das funcionalidades do iOS.

Podemos declarar e utilizá-lo de acordo com o controle, por exemplo, no caso da SafeArea:

ios.Page pois a funcionalidade que desejamos é da Page.

Criei um exemplo de código com diversas funcionalidades nativas do iOS:

O código estará disponível no final do artigo. Algumas delas como efeitos de títulos necessitam de uma página de navegação especial, mas já deixei isso pronto para vocês no exemplo.

Agora vamos à explicação das implementações nativas:

• iOS Efeito Blur: efeitos de desfoque do iOS – com ele é possível desfocar uma imagem. Um efeito bem bacana nativo do iOS
• Tamanhos no Entry: alterar o tamanho do conteúdo de um Entry para o texto caber certinho. Nesse exemplo também demonstro como mudar a cor do seletor de texto
• Aumentar o titulo da NavigationPage: é possível aumentar e diminuir o texto de uma NavigationPage para deixar igual o padrão do novo iOS
• Opções de Picker: existem duas opções de picker pro iOS. Uma faz ele preencher o valor enquanto o usuário escolhe e a outra apenas preenche o valor após a seleção
• Safe Area: trata o “topete” do iPhone
• Efeito de Sombra: Adiciona um efeito de sombra bem legal para a interface
• Slider: É possível tratar se o usuário pode clicar na barra ou apenas no slider para seleção de valor
• Status Bar: Podemos, no iOS, habilitar ou desabilitar a status bar. Também é possível adicionar uma animação diferente para quando ela aparece
• NavigationBar transparente: Bem, acho que está no nome, né?
• Modal para Ipad: essa funcionalidade é bem legal, faz o modal abrir no centro do iPad ao invés de ocupar a tela toda
• Title View: dá pra remover o separador inferior da titleview
• ListView agrupada: é possível alterar algumas opções da listview agrupadas do iOS

Ufa! São muitos exemplos, né? Fique ligado que o próximo é do Android!

Você pode baixar o código com todas a implementações clicando aqui.

Espero ter ajudado. Aquele abraço!