Xamarin Forms CollectionView – Part II EmptyList

Salve salve galera. Hoje vamos continuar falando sobre a propriedade EmptyView do controle CollecitonView.

No post anterior vimos que é bem simples exibir uma mensagem de texto quando a CollectionView não tiver nenhum item para exibir, o que facilita bastante a nossa vida. Mas para deixar esse recurso ainda mais agradável para nossos usuário, podemos customizar um layout dessa mensagem. E é exatamente isso que vamos fazer.

Nós iremos reaproveitar o projeto criado anteriormente. A primeira coisa que faremos é remover a propriedade EmptyView do bloco de código da CollectionView.

O próximo passo agora, é adicionar o EmptyView como um bloco de código dentro da CollectionView ao invés de somente uma propriedade. Neste bloco vamos adicionar um StackLayout e dentro dele vamos adicionar um Image e uma Label. Os arquivos de imagem que estou utilizando estão adicionados dentro dos resources dos projetos das plataformas do Android e do iOS.

Tendo feito estas alterações, ao executar o projeto iremos ter o seguinte resultado:

Imagem da tela do aplicativo exibindo uma imagem e uma mensagem de texto para informar o usuário que a listagem está vazia
Layout de mensagem de listagem vazia

Neste exemplo utilizamos somente uma imagem e uma mensagem de texto simples. Mas podemos aproveitar este recurso para criar layouts muito mais criativos para nossos aplicativos.

Bom galera por hoje é isso. Quem quiser o código fonte do exemplo é só clicar aqui. Abraços e até a próxima.

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

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.