O X do Xamarin Forms — ExpandableView

Thiago Bertuzzi
Jun 11 · 2 min read

Fala galera,

beleza?

Montar uma tela em um app exige as vezes paciência e entender o que exibir, e muitas vezes quando exibir.

As vezes precisamos preencher uma tela com algumas opções, mas para não ficar poluída podemos exibir apenas algumas por vez.

Geralmente recorremos a uma gambiarra utilizando o IsVisible para esses casos.Mas e se eu disser que existe um controle que simplifica nossa vida?

Isso mesmo, este que você vê acima é o ExpandableView e hoje vamos ver como implementa-lo !

Configurando o controle

Vamos ao Nuget baixar o pacote ExpandableView e instalar em todos os projetos :

Pronto, mais facil que isso só contar piadas de java ( zueira galera do java :P )

Utilizando o Controle

Utilizar o ExpandableView é muito simples, basicamente temos uma ViewPrincipal e uma ViewSecundaria que guarda o conteúdo que queremos exibir.

Vamos declarar o namepasce xmlns:expandable=”clr-namespace:Expandable;assembly=ExpandableView” e implementar em nossa View o seguinte código :

Basicamente na PrimaryView vai ficar o conteúdo principal da View (Exibido ao executar o app), ja a SecondaryView o conteúdo oculto , para entender melhor vamos rodar :

Simples em ?

Existe um evento chamado StatusChanged que captura quando o Controle esta "aberto" ou "fechado" :

Isto pode ser útil caso você queira realizar algum tratamento.

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

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade