O X do Xamarin Forms — Xamarin Forms Extended Controls

Thiago Bertuzzi
2 min readDec 20, 2018

--

Fala galera,

tudo beleza?

Xamarin.Forms nos proporciona diversos controles comuns entre Android e iOS.

Algumas vezes aparecem controles incríveis que inovam em cima dos existentes ou adicionam novas funcionalidades sensacionais!

Costumo escrever diversos artigos falando deles, e hoje não vai ser diferentes.

Hoje lhes trago um Pack com 3 Controles incríveis que podem te ajudar e muito no dia a dia, o incrível Xamarin Forms Extended Controls.

Os controles do pacote são :

XfxEntry — Um Entry customizado com efeitos legais e label para campos de Login, cadastro e etc.

XfxComboBox — Como o nome diz, um combobox bem completo com a propriedade ErrorText.
Além disso, há uma propriedade ItemsSource, uma propriedade SelectedItem e uma propriedade SortingAlgorithm (você configura a ordenação) .

XfxCardView — Uma CardView (cartões) bem completa que pode ser muito útil para criar interfaces diferenciadas, com elevação e bordas arredondadas

Mas chega daquele papo introdutório, e bora ver como utilizar os controles :D

Configurando o Controle

Esta virando uma frase padrão que ja podia ficar fixa no meu Medium… Mas VAMOS AO NUGET!!! haahha, baixar o pacote Xfx.Controls e instalar em todos os projetos :

Android e iOS:

Tanto no Android como no iOS devemos inicializar o componente antes da inicialização do Xamarin.Forms :

Warning : No Android se você quiser utilizar os controles XfxEntry e XfxComboBox, é necessario utilizar o AppCompat theme

Tudo configurado, vamos brincar :D

Utilizando o Controle

Vamos criar uma ViewModel que utilizaremos para nossos exemplos :

Tudo certo, vamos começar criando nosso Entry. Para isso devemos declarar no namespace em nosso xaml : xmlns:xfx=”clr-namespace:Xfx;assembly=Xfx.Controls” , Em seguida vamos criar um Entry :

Perfeito! Em seguida vamos implementar um Combobox para selecionar os usuários que deveríamos copiar o perfil :

E pra fechar vamos ver o ultimo controle em Ação, adicionando o XfxCardView com alguns dados de exemplo :

Agora vamos rodar para ver tudo em ação :

Muito louco em ?

Adoro esse pack de controles, deixa muitos apps mais incríveis e profissionais :D

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!

--

--

Thiago Bertuzzi
Thiago Bertuzzi

Written by Thiago Bertuzzi

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Responses (1)