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

2 comentários em “ListView Agrupada – Xamarin.Forms

  1. Parabéns! Como sempre um post! Meu app tem o background na cor preta, tentei colocar o titulo do agrupamento na cor branca (Text Color) e não consegui. Sabe como poderia resolver isso?

    Curtir

    1. Olá Gerbert,

      Obrigado 🙂 🙂

      Altere a cor no arquivo styles.xml que encontra-se no seu projeto .android. Espero ter ajudado.

      Curtir

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