ListView Agrupada – Xamarin.Forms

Neste artigo irei demonstrar como criar uma ListView agrupada em suas aplicações Xamarin.Forms.

Para este exemplo, irei utilizar o cenário que a nossa ListView irá listar tipos de transporte e será separado por categorias.

 

Comece criando a classe Transporte, contendo as propriedades “Nome” e “Descricao”.

 

Em seguida, crie a classe Categoria, contendo as propriedades “LongName” e “ShortName”.

 

Xaml

Crie uma ListView, atribua “true” para a propriedade IsGroupingEnabled e faça Binding com propriedades LongName e ShortName da classe Categoria, como demonstrado a seguir.

Observe que no TextCell o Binding é feito com as propriedades da classe Transporte.

 

C#

Crie um ObservableCollection de “Categoria” e adicione alguns valores como demonstrados a seguir.

 

Resultado

screenshot-1539617212343

 

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