O X do Xamarin Forms — Entry com Preenchimento automático

Fala galera,

tudo beleza?

Autocomplete é uma funcionalidade muito útil para diversas aplicações.

Quando queremos exibir diversas opções para o usuário escolher , em Xamarin.Forms, costumamos utilizar o Picker :

Exemplo de Picker (Imagem retirada da Documentação da Microsoft)

Porem não seria legal se ao usuário digitar, existisse uma forma de Auto-completar o Texto?

Para isso existe o controle AutoSuggestBox ! Que como o nome diz exibe sugestões para o campo de entrada (o Nosso Entry).

Bora ver como utilizar ?

Configurando o controle

Vamos ao Nuget baixar o pacote dotMorten.Xamarin.Forms.AutoSuggestBox e instalar em todos os nossos projetos :

Pronto agora só precisamos utilizar :D

Utilizando o Plugin

Para utilizarmos com o MVVM vamos criar esta ViewModel de Exemplo, com uma lista simples de string e um método basico de busca :

Em seguida vamos implementar o controle na tela através do namespace : xmlns:controle=”clr-namespace:dotMorten.Xamarin.Forms;assembly=dotMorten.Xamarin.Forms.AutoSuggestBox” :

Alem disso eu implementei 2 Label's, para mostrar quando é utilizado a sugestão e quando foi você que colocou o valor.

Finalmente os Eventos que vão auxiliar no AutoComplete :

Notem que existem 3 Eventos :

  • Text changed — O texto enviado pelo Usuário, para filtrarmos as sugestões.
  • Suggestion chosen — Quando o Usuário seleciona uma das sugestões.
  • Query submitted — Quando o Usuário envia a consulta, da pra saber se foi ele que decidiu o valor, ou escolheu uma sugestão.

Por fim rodemos :

Vai dizer que não é legal?

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!