Silverlight AutoComplete TextBox

Um recurso que pode muito facilitar a vida do usuário em nossas aplicações Silverlight é o AutoComplete TextBox presente no Silverlight Toolkit.
O Silverlight Toolkit é um conjunto de controles do Silverlight, componentes e serviços atualmente ele contra-se na versão Novembro 2009 e possui 26 novos controles que abrange gráficos, estilo, layout entre outros.
O AutoComplete TextBox facilita muito quando temos algum tipo de formulário que o usuário precisa preencher e temos um grande números de opções para aquele campo.

Você vai precisar:
Visual Studio 2010 beta ou Expression Blend e o Silverlight Toolkit.

Vamos iniciar um novo projeto Silverlight usando o Expression Blend.

Figura 1 : Novo Projeto

Logo em seguida vamos adicionar dois namespaces em nosso projeto:
System.Windows.Controls
System.Windows.Controls.Input
Você as encontra em C:\Program Files\Microsoft SDKs\Silverlight\v3.0\Libraries\Client
Adicione em seu código XAML

Figura 2 : Incluindo Namespaces

E adicione em “References”

Figura 3: References

Para este exemplo vamos construir um formulário .
Primeiro vamos definir o layout de nosso grid.

Figura 4: Grid

Vamos inserir 4 “TextBlock”(Nome,Sobrenome,Profissão,Linguagem,Email),3 “TextBox(Nome,Sobrenome,Email)”.
Nesse ponto vamos adicionar os campos no qual queremos usar o recurso do autoComplete.Nesse exemplo vamos escolher profissão e linguagem.Lembre-se de identificar os campos x:Name=”ProfissaoBox” e x:Name=”LinguagemBox”.
E por fim um botão para envio do formulário.

Figura 5: Inserindo elementos

Nosso formulário deve ficar da seguinte maneira.

Figura 6 : Design do formulário

Agora é hora de trabalhar em nossa MainPage.cs
Vamos chamar os controles criados em nosso xaml e popular.Para isso criamos um array de string com as informações que desejamos adicionar em nosso autoCompleteTextBox.

Figura 7: Populando controles

Vamos compilar a aplicação e ver o resultado
Repare que ao digitarmos o caractere “A” já vemos o resultado do nosso autoComplete.

Figura 8 : AutoCompleteTextBox funcionando

Figura 9 : AutoCompleteTextBox funcionando

Espero que tenham gostado até a próxima.

Aprofunde seus conhecimentos sobre este tema na comunidade Silverlight

Para saber mais:
Official Site Silverlight
Visual Studio 2010 beta
Silverlight Toolkit


Anderson Castro