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 :
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!
